Switched the default box model from content-box into border-box, globally using universal selector. So that elements can automatically adjust their dimensions and fit into the layout.

Author: mirmak4

starter/04-CSS-Layouts/style.css

@@ -50,10 +50,8 @@ aside {
     background-color: #f7f7f7;
     border-top: 5px solid #1098ad;
     border-bottom: 5px solid #1098ad;
-    /* padding-top: 50px;
-  padding-bottom: 50px; */
-    padding: 50px 0;
-    width: 500px;
+    padding: 50px 40px;
+    box-sizing: border-box;
 }
 
 /* SMALLER ELEMENTS */
@@ -84,6 +82,7 @@ h4 {
     font-size: 20px;
     text-transform: uppercase;
     text-align: center;
+    margin-bottom: 30px;
 }
 
 p {
@@ -132,6 +131,7 @@ li:last-child {
 
 .related {
     list-style: none;
+    margin-left: 0;
 }
 
 li:first-child {