add footer

This commit is contained in:
Ronan 2022-12-12 15:59:52 +01:00
parent 600f4599ac
commit a666a6caf5
2 changed files with 20 additions and 0 deletions

View file

@ -48,6 +48,10 @@
</div> </div>
</main> </main>
<footer>
<p>Sokoban 2022</p>
<p>Pour une meilleure expérience, veuillez utiliser ce jeu sur un ordinateur avec un écran horizontal.</p>
</footer>
</body> </body>
<!-- <script type="module" src="./modules/ressources.mjs"></script> --> <!-- <script type="module" src="./modules/ressources.mjs"></script> -->

View file

@ -10,6 +10,7 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0; margin: 0;
min-height: 100vh;
} }
main { main {
@ -43,6 +44,21 @@ nav ol li button {
font-size: large; font-size: large;
} }
footer {
display: flex;
align-items: center;
flex-direction: column;
position:fixed;
width: 100%;
bottom: 0;
background-color: yellowgreen;
}
footer p:last-child {
font-weight: bolder;
}
.text-bubble { .text-bubble {
/* transform: rotate(90deg); */ /* transform: rotate(90deg); */
position: relative; position: relative;