JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<div class="grid">
  <div class="col"></div>
  <div class="col"></div>
</div>

<div class="resizer">
  Resize!
</div>

CSS

.grid {
  width: 100%;
  height: 30rem;
  display: grid;
  grid-template-columns: 20rem 1fr;
  resize: both;
}

.col  {
  outline: 3px solid fuchsia;
  resize: both;
}


.resizer {
  margin: 3rem;
  padding: 3rem;
  border: 3px solid dodgerblue;
  resize: both;
}