From 4229f86c26127410ce9d151b3d66f0b1d00ecf10 Mon Sep 17 00:00:00 2001
From: Rallenson <Rallenson900@gmail.com>
Date: Mon, 6 Feb 2023 11:17:03 -0300
Subject: [PATCH] feat(description):image description responsiva

---
 react/components/Html/styles.css                | 17 ++++++++++++++++-
 styles/css/vtex.store-components.css            |  6 ++----
 .../pages/product/vtex.store-components.scss    |  6 +-----
 3 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 601b3af..a45cb87 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -58,8 +58,23 @@
 .html--pdp-productMain :global(.vtex-store-components-3-x-container){
   max-width: 100%;
 }
-
+@media screen and (max-width: 320px){
+  .html--pdp-descriptions :global(.vtex-store-components-3-x-productImageTag){
+    min-width: 100% !important;
+    max-height: 100% !important;
+}
+}
 @media screen and (max-width: 1024px) {
+  .html--pdp-descriptions :global(.vtex-store-components-3-x-productImageTag){
+      min-width: 296px;
+  }
+  .html--pdp-descriptions :global(.vtex-flex-layout-0-x-stretchChildrenWidth){
+      align-items: center;
+  }
+  .html--pdp-descriptions :global(.vtex-store-components-3-x-productImagesContainer){
+      width: auto;
+
+  }
   .html--pdp-departamens div ul{
     flex-direction: column;
     justify-content: end;
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index c913d5c..4736cac 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -152,10 +152,8 @@
   width: 90px;
 }
 
-@media screen and (max-width: 1024px) {
-  .productDescriptionContainer .productImageTag {
-    min-width: 296px;
-  }
+.productDescriptionContainer {
+  background: pink;
 }
 .productDescriptionContainer .productDescriptionTitle {
   font-family: "Open Sans", sans-serif;
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index 90e4347..8a9357d 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -143,11 +143,7 @@
   }
 }
 .productDescriptionContainer{
-  .productImageTag{
-    @media screen and (max-width: 1024px){
-      min-width: 296px;
-    }
-  }
+  background: pink;
   .productDescriptionTitle{
     font-family: 'Open Sans',sans-serif;
     font-style: normal;