JSFiddle - React, Tailwind, and code Playground

by aliaksej

HTML

<div class=div1>
  div1<br>
  div1<br>
  div1<br>
</div>

<div class=div2>
  div2<br>
  div2<br>
  div2<br>
</div>

CSS

* { padding: 0; margin: 0; }

html, body {
  height: 100%;
  min-height: 800px;

  display: flex;
  flex-direction: column;
}

body > * {
  //flex-shrink: 0;
}

.div1 { background-color: yellow; }

.div2 {
  background-color: orange;
  flex-grow: 1;
}