forked from M3-Academy/challenge-vtex-io
feat(product-image):main image mobile responsive
This commit is contained in:
parent
7e43bedb0d
commit
1531f798d1
@ -51,6 +51,18 @@
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 64.0625em) {
|
||||
.carouselContainer .productImage {
|
||||
min-width: 296px;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 23.375em) {
|
||||
.carouselContainer .productImage {
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
.carouselContainer .productImage .productImageTag- {
|
||||
max-height: 100% !important;
|
||||
margin-bottom: 1em;
|
||||
|
@ -52,6 +52,14 @@
|
||||
min-width: 904px;
|
||||
max-width:100%;
|
||||
}
|
||||
@media screen and (max-width: 64.0625em){
|
||||
min-width: 296px;
|
||||
max-width:100%;
|
||||
}
|
||||
@media screen and (max-width: 23.375em){
|
||||
min-width: 0;
|
||||
max-width:100%;
|
||||
}
|
||||
.productImageTag-{
|
||||
max-height: 100% !important;
|
||||
margin-bottom: 1em;
|
||||
|
Loading…
Reference in New Issue
Block a user