public/designs/templates/default/stylesheets/style.css
.boxes {
display:flex;
justify-content: space-around;
flex-wrap: wrap;
}
.boxes .box-1 {
width: 50%;
order: 2;
}
.boxes .box-2 {
order: 1;
width: 20%;
margin-right: 2%;
}
.boxes .box-3 {
order: 3;
width: 20%;
margin-left: 2%;
}
@media only screen and (max-width: 660px) {
.boxes {
flex-direction: column;
}
.boxes .box-1,
.boxes .box-2,
.boxes .box-3 {
margin: auto;
width: 90%;ยท
}
.no-boxes {
width: 100%;
margin: auto;
box-sizing: border-box;
}
}