Challenge-2 starter prep - remove floats and widths

Author: Ronan

starter/04-CSS-Layouts/challenge-2/styles.css

@@ -20,12 +20,6 @@ body {
   /* background-color: red; */
 }
 
-.container::after {
-  content: "";
-  display: block;
-  clear: both;
-}
-
 .sale {
   background-color: red;
   color: white;
@@ -56,23 +50,23 @@ p {
 }
 
 .product-img {
-  float: left;
-  margin-right: 40px;
+  /* float: left; */
+  /* margin-right: 40px; */
 }
 
 /* PRODUCT INFO */
 
 .product-info {
-  margin-right: 40px;
-  margin-top: 20px;
-  width: 243px;
-  float: left;
+  /* margin-right: 40px; */
+  /* margin-top: 20px; */
+  /* width: 243px; */
+  /* float: left; */
 }
 
 .price {
   font-size: 20px;
   margin-bottom: 5px;
-  float: left;
+  /* float: left; */
 }
 
 .shipping {
@@ -83,7 +77,7 @@ p {
   margin-top: 4px;
   margin-bottom: 20px;
   margin-left: 20px;
-  float: right;
+  /* float: right; */
 }
 
 .product-description {
@@ -105,7 +99,7 @@ p {
 .color {
   width: 20px;
   height: 20px;
-  display: inline-block;
+  /* display: inline-block; */
   margin: 0 5px;
 }
 
@@ -138,8 +132,8 @@ p {
 /* PRODUCT DETAILS */
 
 .product-details {
-  width: 243px;
-  float: left;
+  /* width: 243px; */
+  /* float: left; */
   margin-top: 20px;
 }