Updated stylings to better align with design mockups

index.html

@@ -32,7 +32,7 @@
                 <img class="img-fluid mt-3" src="./images/kitten.jpg" />
             </div>
             
-            <p class="mt-1 text-muted">
+            <p class="photo-caption mt-1 text-muted">
                 Photo caption lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
             <p class="mt-1">

styles.css

@@ -44,6 +44,10 @@ body {
     font-family: 'Times New Roman', Times, serif;
 }
 
+.photo-caption {
+    font-size: 0.9em;
+}
+
 .article-text {
     font-size: 1.2em;
 }
@@ -73,6 +77,10 @@ body {
         overflow-x: hidden;
     }
 
+    .headline {
+        font-size: 2em;
+    }
+
     .article {
         display: flex;
         flex-wrap: wrap;