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

CSS alignement

Browse source
This commit is contained in:
Brunetto Marie 2022-11-30 11:23:30 +01:00
parent 7c5295c2ee
commit c6332e6d84
2 changed files with 21 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
index.html
View file

@ -16,22 +16,22 @@
<div class="grille_haut"> <!-- Grille de mots --> <div class="grille_haut"> <!-- Grille de mots -->
<div id="ligne1"> <div id="ligne1">
<div id="case11">A</div> <div id="case11"></div>
<div id="case12">A</div> <div id="case12"></div>
<div id="case13">A</div> <div id="case13"></div>
<div id="case14">A</div> <div id="case14"></div>
<div id="case15">A</div> <div id="case15"></div>
</div> </div>
<div id="ligne2"> <div id="ligne2">
<div id="case21">A</div> <div id="case21"></div>
<div id="case22">A</div> <div id="case22"></div>
<div id="case23"></div> <div id="case23"></div>
<div id="case24"></div> <div id="case24"></div>
<div id="case25"></div> <div id="case25"></div>
</div> </div>
<div id="ligne3"> <div id="ligne3">
<div id="case31"></div> <div id="case31"></div>
<div id="case32">A</div> <div id="case32"></div>
<div id="case33"></div> <div id="case33"></div>
<div id="case34"></div> <div id="case34"></div>
<div id="case35"></div> <div id="case35"></div>

15
styles.css
View file

@ -5,21 +5,32 @@ header{
padding-top: 5px; padding-top: 5px;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: 35px; font-size: 35px;
color:rgb(99, 45, 23);
font-weight: bold;
}
section{
padding-top: 5%;
align-items: center;
} }
.grille_haut { .grille_haut {
display: flex; display: flex;
flex-wrap: wrap; align-items: center;
justify-content: center;
flex-direction: column;
} }
.grille_haut div { .grille_haut div {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 5px; grid-gap: 5px;
padding-top: 5px;
} }
.grille_haut div div { .grille_haut div div {
background-color: rgb(182, 182, 182); background-color: rgb(243, 215, 199);
border-radius: 5px; border-radius: 5px;
width: 45px; width: 45px;
height: 45px; height: 45px;