JSFiddle - React, Tailwind, and code Playground

by Dong Shelton

HTML

<div class="frame">
  <div class="box">
    <div class="inner">
      inner
    </div>
    
  </div>
</div>

CSS

.frame {
  height: 200px;
  display: flex;
  flex-direction: column;
}

.box {
  position: relative;
  height: 100%;
  display: block;
  overflow: hidden;
  background: blue;
}

.inner {
  height: 100%;
  background: yellow;
}