Finished! (except for one picture)

src/assets/css/main.css

@@ -147,7 +147,31 @@ main a:hover {
     border-radius: 25px;
 }
 
+.flex-w-nc {
+    display: flex;
+    flex-direction: row;
+}
+
+.flex-w-nc div {
+    padding: 10px;
+    margin: 10px;
+}
+
+.cover {
+    width: 95%;
+    height: auto;
+}
+
 @media (max-width: 800px) {
+    body {
+        margin: 0px;
+    }
+
+    .content {
+        width: 100%;
+        border-radius: 0px;
+    }
+
     .flex-w {
         flex-direction: column;
     }
@@ -155,25 +179,8 @@ main a:hover {
     .flex-w div {
         flex: 100%
     }
-}
 
-.sec {
-    padding: 10px;
-    margin: 10px;
-    background-color: #a52a2a;
-    border-radius: 25px;
-    width: 45%;
+    header {
+        font-size: 20px;
     }
-
-.sec p {
-    text-align: left;
-    
-}
-
-.sec-left {
-    float: left;
-}
-
-.sec-right {
-    float: right;
 }

src/book1/index.html

@@ -15,10 +15,13 @@
             <a href="../book2/index.html">Lyza the Sheepdog: The Flood</a>
         </header>
         <main>
+            <div class="flex-w-nc">
+                <div>
+                    <img src="../assets/img/book1cover.png" class="cover">
+                </div>
+                <div>
                     <h2>Lyza the Sheepdog: Christmas</h2>
 
-            <p><img src="../assets/img/book1cover.png" alt="Lyza the Sheepdog: Christmas cover" title="" /></p>
-
                     <p>Hey look, a baby has been born! Wait, what is that star?  </p>
 
                     <p>In Lyza the Sheepdog: Christmas, Lyza talks to the animals that were at the stable at Jesus' birth. She hears what others are thinking about what's going on, and tries to figure out whats going on herself.  </p>
@@ -26,6 +29,7 @@
                     <p>When you read this book, you enter the world of Lyza the Sheepdog, a world where the event of Jesus' birth and all things that came before are the same, and we can see the fictional responses of the animals.  </p>
 
                     <p>This book was released in December of 2020.</p>
+                </div>
         </main>
     </div>
 </body>

src/book2/index.html

@@ -15,10 +15,13 @@
             <a href="../book2/index.html" class="current">Lyza the Sheepdog: The Flood</a>
         </header>
         <main>
+            <div class="flex-w-nc">
+                <div>
+                    <img src="../assets/img/book2cover.png" class="cover">
+                </div>
+                <div>
                     <h2>Lyza the Sheepdog: The Flood</h2>
 
-            <p><img src="../assets/img/book2cover.png" alt="Lyza the Sheepdog: The Flood cover" title="" /></p>
-
                     <p>Hey! Why's there water on my back?  </p>
 
                     <p>In Lyza the Sheepdog: The Flood, Lyza talks to the animals that were at going to the Ark before the flood. She hears what others are thinking about what's going on, and tries to figure out whats going on herself.  </p>
@@ -26,6 +29,7 @@
                     <p>When you read this book, you enter the world of Lyza the Sheepdog, a world where the event of Jesus' birth and all things that came before are the same, and we can see the fictional responses of the animals.  </p>
 
                     <p>This book was released in December of 2021.</p>
+                </div>
         </main>
     </div>
 </body>