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'
});