generated from dwd/boilarplate-astro-tailwind
40 lines
414 B
CSS
40 lines
414 B
CSS
.flex_box {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.flex_1 {
|
|
width: 68%;
|
|
}
|
|
|
|
.flex_2 {
|
|
width: 28%;
|
|
}
|
|
|
|
.box_card {
|
|
width: 32.33%;
|
|
}
|
|
|
|
@media (max-width: 900px) {
|
|
.flex_box {
|
|
flex-direction: column;
|
|
}
|
|
.box_card {
|
|
width: 49%;
|
|
}
|
|
.flex_1 {
|
|
width: 100%;
|
|
}
|
|
|
|
.flex_2 {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 500px) {
|
|
.box_card {
|
|
width: 100%;
|
|
}
|
|
}
|