challenge-vtex-io-andrea-ma.../styles/sass/pages/product/vtex.flex-layout.scss

30 lines
485 B
SCSS
Raw Normal View History

.flexRowContent--productMain {
// background-color: red;
padding: 0 40px;
gap: 32px;
@include mq(xl) {
padding: 0 360px;
}
@include mq(lg, max) {
// background-color: red;
flex-direction: column;
.stretchChildrenWidth {
width: 100% !important;
// background-color: blue;
:first-child {
padding-right: 0;
}
@include mq(md, max) {
&:first-child {
margin-bottom: 32px;
}
}
}
}
}