JSFiddle - React, Tailwind, and code Playground

by Atty Eleti

HTML

<div>
  <p>
  A
  </p>
  <p>
  B
  </p>
</div>

CSS

div {
  display: flex;
  flex-direction: column;
  width: 300px;
  outline: 1px solid blue;
}

p {
  flex-grow: 1;
  outline: 1px solid red;
}