JSFiddle - React, Tailwind, and code Playground

HTML

<div style='position:absolute; top:40'>
    <div style='float:left;'>div #1</div>
    <div style='float:right;'>div #3</div>
    <div style='float:left; width: 200px;'>div #2</div>
</div>

CSS

div > div {
    position: relative;
    width: 100px;
    outline: 1px solid blue;
}

div {
    max-width: 400px;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px) {
/* HERE MY CSS */
}