JSFiddle - React, Tailwind, and code Playground

by Keith Jeter

HTML

<div class="w1">
  <div class="w2">
    scascascasc
  </div>
</div>

CSS

.w1 {
display: flex;
  flex-direction: column;
  float: left;
  width: 100%;
  height: 500px;
  background: #000;
  color: #fff;
  margin: 10px;
}

.w2 {
  flex: 1;
  float: left;
  width: 60%;
  height: 60%;
  margin: 10px;
  border: dashed 1px #000;
  background: pink;
}