change images, update readme

src/components/Compare/index.js

@@ -7,7 +7,7 @@ const Compare = ({products}) =>
       <table className="table">
         <thead className="thead-default">
           <tr>
-            <th></th>
+            <th />
             {products.map(product =>
               <th key={product.id}>
                 {product.name}
@@ -27,7 +27,7 @@ const Compare = ({products}) =>
             {products.map(product =>
               <td key={product.id}>
                 {product.colors.map((color, index) =>
-                  <span key={index} className={"bg-" + color}></span>
+                  <span key={index} className={"bg-" + color} />
                 )}
               </td>
             )}
@@ -35,7 +35,7 @@ const Compare = ({products}) =>
           <tr className="condition">
             <th scope="row">Condition</th>
             {products.map(product =>
-              <td key={product.id} className={product.condition === "Used" ? "bg-red" : "bg-green"}>
+              <td key={product.id} className={product.condition === "Frozen" ? "bg-red" : "bg-green"}>
                 {product.condition}
               </td>
             )}
@@ -43,6 +43,6 @@ const Compare = ({products}) =>
         </tbody>
       </table>
     </div>
-  </div>
+  </div>;
 
 export default Compare

src/components/Compare/styles.scss

@@ -5,7 +5,7 @@
     background-color: #fff;
     border-radius: 5px;
     overflow: hidden;
-    box-shadow: 0px 13px 21px -5px rgba(0, 0, 0, 0.05);
+    box-shadow: 0 13px 21px -5px rgba(0, 0, 0, 0.05);
     border: 1px solid #eee;
     font-size: 18px;
     table-layout: fixed;