Added some basic CSS

Author: devmodo

wip/03-CSS-Fundamentals/index.html

@@ -25,6 +25,7 @@ <h1>📘 The Code Magazine</h1>
         <a href="#">Flexbox</a>
         <a href="#">CSS Grid</a>
       </nav>
+
     </header>
 
     <article>
@@ -142,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>

wip/03-CSS-Fundamentals/style.css

@@ -1,4 +1,42 @@
+h1, h2, h3, h4, p, li {
+    font-family: sans-serif;
+}
+
 h1 {
-    color: blue;
     font-size: 26px;
+    text-transform: uppercase;
+    font-style: italic;
+}
+
+h2 {
+    font-size: 40px;
+}
+
+h3 {
+    font-size: 30px;
+}
+
+h4 {
+    font-size: 20px;
+    text-transform: uppercase;
+    text-align: center;
+}
+
+p {
+    font-size: 22px; /*Default size is 16px*/
+    line-height: 1.5;
+}
+
+li {
+    font-size: 20px;
+}
+
+/*Example of descendant selector*/
+footer p {
+    font-size: 16px;
+}
+
+/*Example of nested descendant selector*/
+article header p {
+    font-style: italic;
 }