JSFiddle - React, Tailwind, and code Playground

HTML

<div class="boxleft"></div>
<div class="content"></div>
<div class="boxfloat"></div>

CSS

.content {float: right; width: 70%; height: 500px; background: green;}
.boxleft {float: left; width: 30%; height: 250px; background: yellow;}
.boxfloat {float: left; width: 30%; height: 250px; background: blue;}





@media screen and (max-width:500px)
{
.boxfloat {float: right; width: 70%; height: 100px; background: blue;}
}