section-3: Add spacing to index.

Author: owen-webb

starter/03-CSS-Fundamentals/index.html

@@ -16,7 +16,7 @@ <h4>The Basic Language of the Web: HTML</h4>
     <h5>The Basic Language of the Web: HTML</h5>
     <h6>The Basic Language of the Web: HTML</h6>
     -->
-
+    <header class="main-header">
       <h1>📘 The Code Magazine</h1>
 
       <nav>
@@ -28,7 +28,7 @@ <h1>📘 The Code Magazine</h1>
     </header>
 
     <article>
-      <header>
+      <header class="post-header">
         <h2>The Basic Language of the Web: HTML</h2>
 
         <img

starter/03-CSS-Fundamentals/style.css

@@ -1,6 +1,8 @@
 /* Universal selector. No inheritance. */
 * {
   /* border-top: 10px solid *1098ad; */
+  padding: 0;
+  margin: 0;
 }
 
 /*
@@ -13,6 +15,10 @@ body {
   font-family: sans-serif;
 }
 
+article {
+  margin-bottom: 60px;
+}
+
 h1, h2, h3 {
   color: #1098ad;
 }
@@ -25,10 +31,12 @@ h1 {
 
 h2 {
   font-size: 40px;
+  margin-bottom: 30px;
 }
 
 h3 {
   font-size: 30px;
+  margin-bottom: 20px;
 }
 
 h4 {
@@ -40,10 +48,17 @@ h4 {
 p {
   font-size: 22px;
   line-height: 1.5;
+  margin-bottom: 50px;
+}
+
+ul, ol {
+  margin-left: 50px;
+  margin-bottom: 20px;
 }
 
 li {
   font-size: 20px;
+  margin-bottom: 10px;
 }
 
 li:first-child {
@@ -52,6 +67,7 @@ li:first-child {
 
 li:last-child {
   font-weight: italic;
+  margin-bottom: 0px;
 }
 
 li:nth-child(even) {
@@ -62,6 +78,7 @@ aside {
   background-color: #f7f7f7;
   border-bottom: 5px solid #1098ad;
   border-top: 5px solid #1098ad;
+  padding: 50px 0;
 }
 
 /* LVHA */
@@ -125,6 +142,12 @@ nav {
 
 .main-header {
   background-color: #f7f7f7;
+  padding: 20px 40px;
+  margin-bottom: 60px;
+}
+
+.post-header {
+  margin-bottom: 40px;
 }
 
 /* Resolving conflicts. */