JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div2">
    div 2
</div>

<div class="div1">
    div 1
</div>

CSS

.div1{
    background-color:red;
}
.div2{
    background-color:blue
}

.div1 {
    float: left;
    width: 25%;
}

.div2 {
    float: right;
    width: 75%;
}

@media all and (max-width: 480px) {
    .div1, .div2 { 
        float: none;
        display: block; 
    }
}