cambios

src/components/Certifications.vue

@@ -24,11 +24,12 @@ h2 {
   color: #fff;
   text-align: center;  
   padding-bottom: 26px !important;
+  font-size: 28px !important;
 }
 
 .image {
-  height: 270px;
-  widows: 270px;;
+  height: 200px;
+  widows: 200px;;
 }
 
 .certifications {

src/components/DifferentBox.vue

@@ -17,29 +17,29 @@ export default {
 
 <style lang="scss" scoped>
 .different-box {
-  width: 280px;
-  height: 276px;
+  width: 200px;
+  height: 210px;
   background: #E2CAAA;
   text-align: center;
-  padding: 36px 24px 0;
+  padding: 36px 16px;
 }
 .image {
-  width: 70px;
-  height: 70px;
+  width: 50px;
+  height: 50px;
 }
 .title {
   margin-top: 16px;
   color: #603809;
   font-weight: 700;
-  font-size: 20px;
-  height: 48px;
+  font-size: 16px;
+  text-transform: uppercase;
 }
 
 .description {
   margin-top: 12px;
-  font-style: 400;
-  font-weight: 400;
-  font-size: 16px;
+  font-style: italic;
+  font-weight: 200;
+  font-size: 15px;
   line-height: 24px;
   color: #1E1E1E;
   text-align: center;

src/components/Footer.vue

@@ -91,7 +91,6 @@
 
   .contact-info {
     text-align: center;;
-    display: flex;
     flex-direction: column;
     font-size: 20px;
     font-weight: 500;

src/components/ProductBox.vue

@@ -8,6 +8,9 @@
         <h2>{{ $t(product.name) }}</h2>
         <h3>{{ $t(product.farm) }} &bull; {{ $t(product.strain) }}</h3>
       </div>
+      <div class="shopping-cart">
+        <a :href="product.url" target="_blank"><img src="@images/shoppingcart.svg"></a>
+      </div>
     </div>
     <div class="product-box-image">
       <img :src="$helper.getImage(product.images[0])" alt="" />
@@ -31,6 +34,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+
+.shopping-cart {
+  img {
+    opacity: 0.5;
+  }
+}
 .product-box {
   width: 330px;
   height: 450px;
@@ -50,7 +59,7 @@ export default {
     align-self: stretch;
     width: 100%;
     display: grid;
-    grid-template-columns: 40px auto;
+    grid-template-columns: 40px auto 30px;
 
     .kind-image {
       align-self: start;
@@ -62,13 +71,13 @@ export default {
     h2 {
       padding: 0px;
       font-weight: 500;
-      font-size: 24px;
+      font-size: 20px;
       text-align: left;
       line-height: 32px;
     }
 
     h3 {
-      font-size: 14px;
+      font-size: 12px;
       font-weight: 400;
       text-align: left;
     }

src/components/ProductTable.vue

@@ -108,6 +108,7 @@ export default {
   width: 100%;
 
   &-data {
+    min-height: 127px;
     display: grid;
     grid-template-columns: 20% 80%;
     border-style: solid;
@@ -182,13 +183,6 @@ export default {
       flex-basis: 0px;
       flex-grow: 1;
 
-      .text-overflow {
-        // width: 98%;
-        // text-overflow: ellipsis;
-        // overflow: hidden;
-        // white-space: nowrap;
-      }
-
       &:last-child {
         border-right: none;
       }