colors

Author: SwarajKaran

starter/03-CSS-Fundamentals/index.html

@@ -16,7 +16,7 @@ <h5>The Basic Language of the Web: HTML</h5>
     <h6>The Basic Language of the Web: HTML</h6>
     -->
 
-    <header>
+    <header class="main-header">
       <h1>📘 The Code Magazine</h1>
 
       <nav>
@@ -25,7 +25,6 @@ <h1>📘 The Code Magazine</h1>
         <a href="#">Flexbox</a>
         <a href="#">CSS Grid</a>
       </nav>
-      <p>Test paragraph</p>
     </header>
 
     <article>

starter/03-CSS-Fundamentals/style.css

@@ -5,10 +5,14 @@ h4,
 p,
 li {
   font-family: sans-serif;
+  color: #444;
+}
+h1,
+h2,
+h3 {
+  color: #1098ad;
 }
-
 h1 {
-  color: blue;
   font-size: 26px;
   text-transform: uppercase;
   font-style: italic;
@@ -52,3 +56,14 @@ li {
 .related {
   list-style: none;
 }
+.main-header {
+  background-color: #f7f7f7;
+}
+aside {
+  background-color: #f7f7f7;
+  border-top: 5px solid #1098ad;
+  border-bottom: 5px solid #1098ad;
+}
+body {
+  background-color: orchid;
+}