forked from M3-Academy/challenge-vtex-io
fix: Ajustando tamanho de imagem #27
@ -37,7 +37,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1024px) and (min-width: 768px) {
|
||||
@media screen and (max-width: 1024px) {
|
||||
.flexRowContent {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
@ -17,7 +17,7 @@
|
||||
line-height: 19px;
|
||||
color: rgba(146, 146, 146, 0.48);
|
||||
}
|
||||
@media screen and (max-width: 1024px) and (min-width: 768px) {
|
||||
@media screen and (max-width: 1024px) {
|
||||
.product-identifier--productReference {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
@ -1,9 +1,3 @@
|
||||
/*.sliderLayoutContainer {
|
||||
margin: 0 40px 0 40px;
|
||||
.sliderRightArrow {
|
||||
right: 100px;
|
||||
}
|
||||
}*/
|
||||
.sliderLayoutContainer {
|
||||
width: 100%;
|
||||
padding: 0 16px 0 16px;
|
||||
@ -23,5 +17,3 @@
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1024px) and (min-width: 768px) {
|
||||
}
|
||||
|
@ -366,7 +366,7 @@
|
||||
.productDescriptionText {
|
||||
text-align: left;
|
||||
}
|
||||
@media screen and (max-width: 1024px) and (min-width: 768px) {
|
||||
@media screen and (max-width: 1024px) {
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
@ -52,7 +52,7 @@
|
||||
flex-direction: row;
|
||||
gap: 32px;
|
||||
}
|
||||
@media screen and (max-width: 1024px) and (min-width: 768px) {
|
||||
@media screen and (max-width: 1024px) {
|
||||
.listContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
Loading…
Reference in New Issue
Block a user