콘텐츠로 건너뛰기
/* Make the wrapper a flex row to align option groups as columns */
.rel-product-options {
display: flex !important;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 20px;
}
/* Make each option group act like a column */
.rel-product-options__option {
flex: 1 1 200px;
min-width: 200px;
}
@media (max-width: 1024px) {
.rel-product-options__option {
flex: 1 1 45%;
}
}
@media (max-width: 640px) {
.rel-product-options {
flex-direction: column;
}
.rel-product-options__option {
flex: 1 1 100%;
}
}