public/designs/templates/lefttopright/stylesheets/style.css
.boxes {
display:flex;
justify-content: center;
flex-wrap: wrap;
}
.boxes .box-1 {
width: 50%;
order: 3;
}
.boxes .box-2 {
order: 2;
width: 20%;
margin-right: 2%;
}
.boxes .box-3 {
order: 4;
width: 20%;
margin-left: 2%;
}
.boxes .box-4 {
order: 1;
width: 94%;
}
@media only screen and (max-width: 600px) {
.boxes {
flex-direction: column;
}
.boxes .box-1,
.boxes .box-2,
.boxes .box-3,
.boxes .box-4 {
margin: auto;
width: 90%;ยท
}
}