From c0763ea3a53ed83cb51ac8c1e74bf28015e67750 Mon Sep 17 00:00:00 2001
From: DavidDGTNT <david@dgtntstudios.tk>
Date: Thu, 10 Feb 2022 03:55:54 +0000
Subject: [PATCH] Add about author section, add flexbox

---
 src/assets/css/main.css | 25 ++++++++++++++++++++++++-
 src/index.html          |  6 +++++-
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 82685d1..8114a5f 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -54,7 +54,7 @@ header img {
     display: inline-block;
     margin-left: auto;
     margin-right: auto;
-    width: 20%;
+    width: 300px;
     height: auto;
 }
 
@@ -114,4 +114,27 @@ main p {
 
 ::-webkit-scrollbar-thumb:hover {
     background-color: #363636;
+}
+
+.flex-w {
+    display: flex;
+    flex-direction: row;
+}
+
+.flex-w div {
+    flex: 50%;
+    padding: 10px;
+    margin: 10px;
+    background-color: #a52a2a;
+    border-radius: 25px;
+}
+
+@media (max-width: 800px) {
+    .flex-w {
+        flex-direction: column;
+    }
+
+    .flex-w div {
+        flex: 100%
+    }
 }
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index 147dbfe..e3e837c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -20,10 +20,14 @@
             <p>With the Lyza the Sheepdog series of books, you can go back in time and see what the animals in the time of Bible stories with animals thought about the events and what they thought was happening. You can learn more about the books on their respective pages accessible in the Books section of the title bar.</p>
 
             <div class="flex-w">
-                <div class="flex-c">
+                <div>
                     <h2>Where to buy</h2>
                     <p>Lyza the Sheepdog books are available at various retailers, including Walmart, Target, Barnes and Noble, and Books a Million.</p>
                 </div>
+                <div>
+                    <h2>About the author</h2>
+                    <p>David Jentes is a programmer, author, speedcuber, and LCS student. Learn more about him <a href="about/index.html">here</a></p>
+                </div>
             </div>
         </main>
     </div>