From a666a6caf58cebe1a00ea99b16cb734497108806 Mon Sep 17 00:00:00 2001
From: Ronan <ronan.bonnet42@wanadoo.fr>
Date: Mon, 12 Dec 2022 15:59:52 +0100
Subject: [PATCH] add footer

---
 index.html |  4 ++++
 style.css  | 16 ++++++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/index.html b/index.html
index 41c256b..df7d3b5 100644
--- a/index.html
+++ b/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> -->
diff --git a/style.css b/style.css
index a8f62e8..8652b24 100644
--- a/style.css
+++ b/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;