Initial CSS

hydenw · hydenw · commit c2ce03bd0fc5 · 2023-07-31T21:42:28.000-04:00
diff --git a/starter/03-CSS-Fundamentals/index.html b/starter/03-CSS-Fundamentals/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <title>The Basic Language of the Web: HTML</title>
+    <link rel="stylesheet" href="./style.css" />
   </head>
 
   <body>
@@ -141,6 +142,9 @@ <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>
diff --git a/starter/03-CSS-Fundamentals/style.css b/starter/03-CSS-Fundamentals/style.css
@@ -0,0 +1,50 @@
+h1,
+h2,
+h3,
+h4,
+p,
+li {
+  font-family: sans-serif;
+}
+
+h1 {
+  font-size: 32px;
+  line-height: 1.5;
+  text-transform: uppercase;
+  font-style: italic;
+}
+
+h2 {
+  font-size: 28px;
+
+  line-height: 1.5;
+  text-transform: uppercase;
+}
+
+h3 {
+  font-size: 24px;
+
+  line-height: 1.5;
+  text-transform: uppercase;
+}
+
+h4 {
+  font-size: 18px;
+  line-height: 1.5;
+  text-transform: uppercase;
+}
+
+li {
+  font-size: 18px;
+  line-height: 1.5;
+}
+
+p {
+  font-size: 22px;
+  line-height: 1.5;
+}
+
+/* descendent selector, select paragraphs in footers and set it's font size to 16px */
+footer p {
+  font-size: 16px;
+}
