JSFiddle - React, Tailwind, and code Playground

HTML

<div class="patrat1"></div>
<div class="patrat2"></div>

CSS

.patrat1
{
    width:100px;
    height:100px;
    background:blue;
}
.patrat2
{
    width:100px;
    height:100px;
    background:red;
}

@media screen and (max-width: 700px)
{
            //some code to reverse div
    
    
}
        }