JSFiddle - React, Tailwind, and code Playground
by Dug Sohn
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/eqcss/1.6.0/EQCSS.min.js"></script>
<div class="container-fluid">
<div class="child">
123
</div>
<div class="child">
456
</div>
</div>
CSS
.container-fluid {
border: dashed 2px darkturquoise;
width:90%;
}
.child{
width: 49.5%;
padding:2rem;
font-size: 7rem;
text-align:center;
display:inline-block;
box-sizing:border-box;
}
@element '.container-fluid' and (max-width: 475px){
.child{
width: 100%;
display:block;
}
}
JavaScript
$('.container-fluid').resizable({
handles: 'n,w,s,e'
});