section-3: Challenge #2.

Author: owen-webb

starter/03-CSS-Fundamentals/challenge-1/style.css

@@ -1,3 +1,8 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
 body {
   font-family: sans-serif;
   line-height: 1.4;
@@ -15,9 +20,12 @@ a:hover {
 
 button {
   background-color: black;
-  border: none;
+  border: 0;
+  border-top: 4px solid black;
   color: white;
+  padding: 20px 0;
   text-transform: uppercase;
+  width: 100%;
 }
 
 button:hover {
@@ -28,19 +36,27 @@ button:hover {
 
 li {
   list-style-type: square;
+  margin-left: 20px;
+  margin-bottom: 10px;
 }
 
 h2, h4 {
   text-transform: uppercase;
+  margin-bottom: 15px;
+  margin-top: 30px;
 }
 
 .product {
   border: 4px solid black;
+  margin: 50px auto;
+  width: 825px;
 }
 
 .product-header {
   background-color: #f7f7f7;
   font-size: 22px;
+  margin: 0;
+  padding: 15px;
   text-align: center;
 }
 
@@ -52,5 +68,6 @@ h2, h4 {
   color: #777;
   font-size: 12px;
   font-weight: bold;
+  margin-bottom: 20px;
   text-transform: uppercase;
 }