Style footer

toduyemi · Sep 26, 2023 · 5beb7d1 · 5beb7d1
1 parent b31cd77
commit 5beb7d1
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -139,8 +139,9 @@ <h2 class="dialogHeader">edit book</h2>
     </dialog>
 
     <footer>
-        a tem production
-        <a href="http://https://github.com/toduyemi/nook">
+        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>

diff --git a/style.css b/style.css
@@ -664,4 +664,20 @@ textarea::placeholder {
         'Helvetica Neue',
         sans-serif;
     font-size: 1.5rem;
+}
+
+footer {
+    min-height: 10vh;
+    background: black;
+    font-weight: 900;
+    font-size: 30px;
+    color: whitesmoke;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+}
+
+img {
+    height: 4.5rem;
 }