JSFiddle - React, Tailwind, and code Playground

by vjeux

HTML

<div style="flex: 1; align-self: stretch; background-color: red;">
    <div style="align-self: stretch; margin: 10px; flex: 1; background-color: blue;">
        <div style="margin: 10px; height: 1000px; align-self: stretch; background-color: green;"></div>
    </div>
</div>

CSS

body {
  height: 100vh;
}
body, div {
  box-sizing: border-box;
  border: 0 solid black;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
}