Merge pull request #18 from jugshaurya/master

🚀 Product page images were not aligned properly
jugshaurya · Feb 28, 2020 · bf13337 · bf13337
2 parents 5cd7554 + de95bb5
commit bf13337
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/components/pages/shoppage/productpage.js b/src/components/pages/shoppage/productpage.js
@@ -47,7 +47,9 @@ const ProductPage = props => {
           </div>
           <div className="middle">
             <div className="middle-left">
-              <img src={item.imageURL} alt="product" />
+              <div className="middle-left-image">
+                <img src={item.imageURL} alt="product" />
+              </div>
               <div className="text">
                 <span>We Made Fits Fitter </span>: we did a complete body
                 measurement to create a range of smarter and perfect fits for 5

diff --git a/src/components/pages/shoppage/productpage.scss b/src/components/pages/shoppage/productpage.scss
@@ -39,9 +39,14 @@
         .middle-left {
           width: 40%;
           padding: 10px;
-          img {
-            width: 200;
-            height: 300;
+          .middle-left-image {
+            width: 200px;
+            height: 300px;
+            margin: 0 auto;
+            img {
+              width: 100%;
+              height: 100%;
+            }
           }
           .text {
             padding-top: 20px;