Add property to resolve white space at bottom of web page

toduyemi · Sep 27, 2023 · 461f912 · 461f912
1 parent be3b788
commit 461f912
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -41,6 +41,13 @@ <h1>nook</h1>
     <div class="app-container">
         <div id="nook"></div>
     </div>
+    <footer>
+        a tem production&emsp;
+
+        <a href="https://github.com/toduyemi/nook" target="_blank" rel="noopener noreferrer">
+            <img src="./assets/icons/github-mark-white.png" alt="Github icon outline of a cat">
+        </a>
+    </footer>
     <dialog id="newBookModal" class="modalBookForm">
         <div class="form-container">
             <div class="row-container">
@@ -139,14 +146,6 @@ <h2 class="dialogHeader">edit book</h2>
         <button id="closeDialog" type="button">x</button>
     </dialog>
 
-    <footer>
-        a tem production&emsp;
-
-        <a href="https://github.com/toduyemi/nook" target="_blank" rel="noopener noreferrer">
-            <img src="./assets/icons/github-mark-white.png" alt="Github icon outline of a cat">
-        </a>
-    </footer>
-
 </body>
 
 </html>
diff --git a/style.css b/style.css
@@ -292,6 +292,7 @@ button {
 }
 
 .app-container {
+    flex: 1;
     display: flex;
     height: 100%;
     justify-content: space-between;