Added some basic styles inheritance by applying some styles into body element, as well as nav element.

Author: mirmak4

starter/03-CSS-Fundamentals/index.html

@@ -20,6 +20,7 @@ <h6>The Basic Language of the Web: HTML</h6>
             <h1>📘 The Code Magazine</h1>
 
             <nav>
+                <!-- <strong>This is navigation</strong> -->
                 <a href="blog.html">Blog</a>
                 <a href="#">Challenges</a>
                 <a href="#">Flexbox</a>

starter/03-CSS-Fundamentals/style.css

@@ -1,11 +1,12 @@
-h1,
-h2,
-h3,
-h4,
-p,
-li {
-    font-family: sans-serif;
+* {
+    /* border-top: 10px solid #1098ad; */
+}
+
+/*  Inheritance example  */
+body {
     color: #444;
+    font-family: sans-serif;
+    border-top: 10px solid #1098ad;
 }
 
 h1,
@@ -100,6 +101,7 @@ a {
     font-weight: bold;
 } */
 
+/*  Pseudo Classes  */
 li:first-child {
     font-weight: bold;
 }
@@ -164,3 +166,8 @@ footer p {
     /* color: blue !important;  <<  NOT A GOOD PRACTICE   */
     color: blue;
 }
+
+/*  Inheritance example  */
+nav {
+    font-size: 18px;
+}