css challenge 2

Author: avatarsin

starter/02-HTML-Fundamentals/challenge.html

@@ -13,7 +13,7 @@ <h2 class="main-heading">Converse Chuck Taylor All Star Low Top</h2>
       </header>
       <p class="price-tag"><strong>$65.00</strong></p>
       <p class="free-shipping">Free Shipping</p>
-      <p>
+      <p class="tag-line">
         Ready to dress up or down, these classic canvas are an everyday wardrobe
         stapple
       </p>

starter/02-HTML-Fundamentals/style.css

@@ -1,13 +1,21 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
 body {
   font-family: sans-serif;
   line-height: 1.5;
-  border: 5px solid black;
+
   color: #444;
 }
 .main-heading {
   text-align: center;
+  font-size: 22px;
   text-transform: uppercase;
   background-color: #f7f7f7;
+
+  padding: 19px 0;
 }
 
 .price-tag {
@@ -19,6 +27,11 @@ body {
   color: #a5a0a0;
   text-transform: uppercase;
   font-size: 12px;
+  margin-bottom: 20px;
+}
+
+.tag-line {
+  margin-bottom: 10px;
 }
 
 .info:link,
@@ -35,10 +48,14 @@ body {
 .details {
   text-transform: uppercase;
   font-weight: bold;
+  margin-bottom: 20px;
+  margin-top: 20px;
 }
 
 .features {
   list-style: square;
+  margin-left: 20px;
+  margin-bottom: 10px;
 }
 
 button {
@@ -48,14 +65,23 @@ button {
   background-color: black;
   border: none;
   font-size: 20px;
+  width: 100%;
+  height: 60px;
 }
 
 button:hover {
   cursor: pointer;
   color: black;
   background-color: white;
+  border-top: 4px solid black;
 }
 
-/* article {
-  font-size: 20px;
-} */
+article {
+  border: 5px solid black;
+  width: 825px;
+  margin: 50px auto;
+}
+
+li {
+  margin-bottom: 9px;
+}