Completed Working With Colors

jamesacox53 · jamesacox53 · commit 4094ab6444f7 · 2022-08-14T19:07:00.000+01:00
diff --git a/myWork/03-CSS-Fundamentals/index.html b/myWork/03-CSS-Fundamentals/index.html
@@ -7,7 +7,7 @@
   </head>
 
   <body>
-    <header>
+    <header class="main-header">
       <h1>📘 The Code Magazine</h1>
 
       <nav>
@@ -104,7 +104,7 @@ <h3>Why should you learn HTML?</h3>
       <p>Hopefully you learned something new here. See you next time!</p>
     </article>
 
-    <aside>
+    <aside class="related-aside">
       <h4>Related posts</h4>
       <ul class="related">
         <li>
diff --git a/myWork/03-CSS-Fundamentals/style.css b/myWork/03-CSS-Fundamentals/style.css
@@ -5,6 +5,13 @@ h4,
 p,
 li {
   font-family: sans-serif;
+  color: #444444;
+}
+
+h1,
+h2,
+h3 {
+  color: #1098ad;
 }
 
 h1 {
@@ -53,3 +60,13 @@ li {
 .related {
   list-style: none;
 }
+
+.main-header {
+  background-color: #f7f7f7;
+}
+
+.related-aside {
+  background-color: #f7f7f7;
+  border-top: 5px solid #1098ad;
+  border-bottom: 5px solid #1098ad;
+}
