JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
</div>

CSS

.box {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 800px){
    .box div:nth-child(1){
        order: 1;
    }
    .box div:nth-child(2){
        order: 4;
    }
    .box div:nth-child(3){
        order: 3;
    }
    .box div:nth-child(4){
        order: 2;
    }
}