add footer
This commit is contained in:
parent
600f4599ac
commit
a666a6caf5
2 changed files with 20 additions and 0 deletions
|
@ -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> -->
|
||||||
|
|
16
style.css
16
style.css
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue