diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index e72eb43..8f920ed 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -709,17 +709,15 @@ @media (max-width: 1025px) and (min-width: 768px) { .productImagesContainer--image-description { width: 100%; - height: auto; + height: 944px; margin-left: 0; margin-bottom: 16px; } } @media (max-width: 768px) and (min-width: 375px) { .productImagesContainer--image-description { - width: 99.67% !important; - min-height: 296px !important; - object-fit: cover !important; - height: auto !important; + width: 100%; + height: auto; margin-left: 0; margin-bottom: 16px; } @@ -733,28 +731,16 @@ } } @media (max-width: 1025px) and (min-width: 768px) { + .productImagesContainer--image-description .productImage--image-description { + height: 944px; + } +} +@media (max-width: 768px) and (min-width: 375px) { .productImagesContainer--image-description .productImage--image-description { height: auto; } } -@media (max-width: 768px) and (min-width: 377px) { - .productImagesContainer--image-description .productImage--image-description { - width: 100% !important; - min-height: 296px !important; - object-fit: cover !important; - height: auto !important; - } -} -@media (max-width: 377px) and (min-width: 376px) { - .productImagesContainer--image-description .productImage--image-description { - width: 100% !important; - min-height: unset !important; - height: 296px !important; - object-fit: cover !important; - } -} .productImagesContainer--image-description .productImage--image-description .productImageTag--image-description--main { - height: auto !important; object-fit: cover !important; max-height: unset !important; } diff --git a/styles/sass/pages/product/vtexStore/vtex.store-components.scss b/styles/sass/pages/product/vtexStore/vtex.store-components.scss index bfbc272..1466697 100644 --- a/styles/sass/pages/product/vtexStore/vtex.store-components.scss +++ b/styles/sass/pages/product/vtexStore/vtex.store-components.scss @@ -672,15 +672,13 @@ } @media (max-width: 1025px) and (min-width: 768px) { width: 100%; - height: auto; + height: 944px; margin-left: 0; margin-bottom: 16px; } @media (max-width: 768px) and (min-width: 375px) { - width: 99.67% !important; - min-height: 296px !important; - object-fit: cover !important; - height: auto !important; + width: 100%; + height: auto; margin-left: 0; margin-bottom: 16px; } @@ -690,25 +688,14 @@ height: 872px; } @media (max-width: 1025px) and (min-width: 768px) { + height: 944px; + } + @media (max-width: 768px) and (min-width: 375px) { height: auto; } - @media (max-width: 768px) and (min-width: 377px) { - width: 100% !important; - min-height: 296px !important; - object-fit: cover !important; - height: auto !important; - } - @media (max-width: 377px) and (min-width: 376px) { - width: 100% !important; - min-height: unset !important; - height: 296px !important; - object-fit: cover !important; - } & .productImageTag--image-description--main { - height: auto !important; object-fit: cover !important; max-height: unset !important; - } } }