Gustavo_Rallenson_Goncalves_Da_Silva/challenge-vtex-io-Gustavo-Rallenson
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Develop #6

Merged
Gustavo_Rallenson_Goncalves_Da_Silva merged 70 commits from Develop into master 2023-02-10 10:36:40 +00:00
Conversation 0 Commits 70 Files Changed 52 +19 -10
3 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4229f86c26 - Show all commits

17
react/components/Html/styles.css
View File

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

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

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

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

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