add footer

index.html

@@ -48,6 +48,10 @@
             </div>
 
         </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>
     <!-- <script type="module" src="./modules/ressources.mjs"></script> -->

style.css

@@ -10,6 +10,7 @@ body {
     display: flex;
     flex-direction: column;
     margin: 0;
+    min-height: 100vh;
 }
 
 main {
@@ -43,6 +44,21 @@ nav ol li button {
     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 {
     /* transform: rotate(90deg); */
     position: relative;