blavigna/projet_prog_web
1
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

Merge branch 'master' of https://git.etud.insa-toulouse.fr/blavigna/projet_prog_web

Browse source
This commit is contained in:
laura 2022-11-30 11:11:38 +01:00
commit 9501dbcf5c
2 changed files with 37 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
index.html
View file

@ -9,29 +9,29 @@
</head>
<body>
<header>WORDLE</header>
<header>WORDLE INSA</header>
<section>
<div class="grille_haut"> <!-- Grille de mots -->
<div id="ligne1">
<div id="case11"></div>
<div id="case12"></div>
<div id="case13"></div>
<div id="case14"></div>
<div id="case15"></div>
<div id="case11">A</div>
<div id="case12">A</div>
<div id="case13">A</div>
<div id="case14">A</div>
<div id="case15">A</div>
</div>
<div id="ligne2">
<div id="case21"></div>
<div id="case22"></div>
<div id="case21">A</div>
<div id="case22">A</div>
<div id="case23"></div>
<div id="case24"></div>
<div id="case25"></div>
</div>
<div id="ligne3">
<div id="case31"></div>
<div id="case32"></div>
<div id="case32">A</div>
<div id="case33"></div>
<div id="case34"></div>
<div id="case35"></div>

30
styles.css
View file

@ -1,15 +1,41 @@
header{
background-color: white;
text-align: center;
padding-top: 5px;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: 35px;
}
.grille_haut {
display: flex;
flex-wrap: wrap;
}
.grille_haut div {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 5px;
}
.grille_haut div div{
.grille_haut div div {
background-color: rgb(182, 182, 182);
border-radius: 5px;
width: 45px;
height: 45px;
}
footer{
display: flex;
flex-wrap: wrap;
position: absolute;
bottom: 0;
left: 0;
right: 0;
justify-content: space-evenly;
}
footer div {
padding-bottom: 5px;
}