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

Entrega do Desafio #11

Merged
anacarolinaduartecavalcante merged 1 commits from feature/challenge-vtex-io into develop 2023-02-08 21:09:53 +00:00
Conversation 0 Commits 1 Files Changed 2 +6
2 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -601,6 +601,7 @@
max-height: unset; max-height: unset;
position: relative; position: relative;
margin-left: 32px; margin-left: 32px;
margin-right: 16px;
} }
@media (max-width: 2561px) and (min-width: 1920px) { @media (max-width: 2561px) and (min-width: 1920px) {
.productImagesContainer--image-description { .productImagesContainer--image-description {
@ -611,6 +612,7 @@
.productImagesContainer--image-description { .productImagesContainer--image-description {
width: 100%; width: 100%;
margin-left: 0; margin-left: 0;
margin-right: 0;
margin-bottom: 16px; margin-bottom: 16px;
} }
} }
@ -618,6 +620,7 @@
.productImagesContainer--image-description { .productImagesContainer--image-description {
width: 100%; width: 100%;
margin-left: 0; margin-left: 0;
margin-right: 0;
margin-bottom: 16px; margin-bottom: 16px;
} }
} }

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

@ -600,17 +600,20 @@
max-height: unset; max-height: unset;
position: relative; position: relative;
margin-left: 32px; margin-left: 32px;
margin-right: 16px;
@media (max-width: 2561px) and (min-width: 1920px) { @media (max-width: 2561px) and (min-width: 1920px) {
width: 94.784%; width: 94.784%;
} }
@media (max-width: 1025px) and (min-width: 768px) { @media (max-width: 1025px) and (min-width: 768px) {
width: 100%; width: 100%;
margin-left: 0; margin-left: 0;
margin-right: 0;
margin-bottom: 16px; margin-bottom: 16px;
} }
@media (max-width: 768px) and (min-width: 375px) { @media (max-width: 768px) and (min-width: 375px) {
width: 100%; width: 100%;
margin-left: 0; margin-left: 0;
margin-right: 0;
margin-bottom: 16px; margin-bottom: 16px;
} }
.productImage--image-description { .productImage--image-description {