Combined some of css rules into combined selectors, a list and an descendant. In order to not repeat common css rules over and over.

Author: mirmak4

starter/03-CSS-Fundamentals/index.html

@@ -150,6 +150,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>

starter/03-CSS-Fundamentals/style.css

@@ -1,6 +1,14 @@
+h1,
+h2,
+h3,
+h4,
+p,
+li {
+    font-family: sans-serif;
+}
+
 h1 {
     font-size: 26px;
-    font-family: sans-serif;
     text-transform: uppercase;
     font-style: italic;
 }
@@ -32,3 +40,13 @@ li {
     font-family: sans-serif;
     font-size: 20px;
 }
+
+/* css descendants are actually a bad practice */
+footer p {
+    font-size: 16px;
+}
+
+/* css descendants are actually a bad practice */
+article header p {
+    font-style: italic;
+}