anacarolinaduartecavalcante/challenge-vtex-io-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'Entrega do Desafio' (#4) from develop into master

Browse Source 
Reviewed-on: #4
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-02-03 17:56:37 +00:00
commit b3e5f00474
2 changed files with 14 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
styles/css/vtex.store-components.css
View File

@ -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;
}

25
styles/sass/pages/product/vtexStore/vtex.store-components.scss
View File

@ -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;
}
}
}