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

CSS modifie

Browse source
This commit is contained in:
Brunetto Marie 2022-11-30 11:09:48 +01:00
parent e3fe710a13
commit 47afcd6c72
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> </head>
<body> <body>
<header>WORDLE</header> <header>WORDLE INSA</header>
<section> <section>
<div class="grille_haut"> <!-- Grille de mots --> <div class="grille_haut"> <!-- Grille de mots -->
<div id="ligne1"> <div id="ligne1">
<div id="case11"></div> <div id="case11">A</div>
<div id="case12"></div> <div id="case12">A</div>
<div id="case13"></div> <div id="case13">A</div>
<div id="case14"></div> <div id="case14">A</div>
<div id="case15"></div> <div id="case15">A</div>
</div> </div>
<div id="ligne2"> <div id="ligne2">
<div id="case21"></div> <div id="case21">A</div>
<div id="case22"></div> <div id="case22">A</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"></div> <div id="case32">A</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>

32
styles.css
View file

@ -1,15 +1,41 @@
header{ 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); background-color: rgb(182, 182, 182);
border-radius: 5px; border-radius: 5px;
width: 45px;
height: 45px;
} }
footer{ footer{
display: flex;
flex-wrap: wrap;
position: absolute;
bottom: 0;
left: 0;
right: 0;
justify-content: space-evenly;
}
footer div {
padding-bottom: 5px;
} }