section-3: Apply base styling to blog.

owen-webb · owen-webb · commit 800ad52f1ffb · 2022-08-28T08:04:57.000-06:00
diff --git a/starter/03-CSS-Fundamentals/index.html b/starter/03-CSS-Fundamentals/index.html
@@ -2,6 +2,8 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <link rel="stylesheet" href="style.css">
+
     <title>The Basic Language of the Web: HTML</title>
   </head>
 
@@ -141,6 +143,8 @@ <h4>Related posts</h4>
       </ul>
     </aside>
 
-    <footer>Copyright &copy; 2027 by The Code Magazine.</footer>
+    <footer>
+      <p>Copyright &copy; 2027 by The Code Magazine.</p>
+    </footer>
   </body>
 </html>
diff --git a/starter/03-CSS-Fundamentals/style.css b/starter/03-CSS-Fundamentals/style.css
@@ -0,0 +1,41 @@
+h1, h2, h3, h4, p, li {
+  font-family: sans-serif;
+}
+
+h1 {
+  color: blue;
+  font-size: 26px;
+  font-style: italic;
+  text-transform: uppercase;
+}
+
+h2 {
+  font-size: 40px;
+}
+
+h3 {
+  font-size: 30px;
+}
+
+h4 {
+  font-size: 20px;
+  text-align: center;
+  text-transform: uppercase;
+}
+
+p {
+  font-size: 22px;
+  line-height: 1.5;
+}
+
+li {
+  font-size: 20px;
+}
+
+footer p {
+  font-size: 16px;
+}
+
+article header p {
+  font-style: italic;
+}
