JSFiddle - React, Tailwind, and code Playground

by Richard Hunter

HTML

<div class="container">
  <div class="beta"></div>
  <div class="alpha"></div>
  
</div>

CSS

html {
  height: 100%;
}
body {
  height: inherit;
  margin: 0;
}
.container {
 
  background: pink;
  height: 100%;
  padding: 20px;
}
.alpha {
  padding: 20px;
  background: red;
  overflow: hidden;
  box-sizing: border-box;
}
.beta {
  float: left;
  width: 300px;
  height: 300px;
  background: blue;
}