JSFiddle - React, Tailwind, and code Playground

HTML

<div id="layer">
  <div id="d1">
    <div id="d2">
      <div id="d3">
        <div id="d4">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac condimentum nibh, at malesuada leo. Morbi id magna nibh. Praesent congue nunc massa, nec tempus dui dictum congue. Phasellus mi justo, fringilla id risus eu, tincidunt congue metus. Suspendisse id est felis. Nunc volutpat volutpat porta. Vestibulum vel ultricies lectus. Sed eleifend velit sed leo fermentum volutpat. Suspendisse egestas est non maximus feugiat.

Nunc quis erat lacus. Cras iaculis cursus imperdiet. Morbi dapibus hendrerit dolor. Donec velit eros, pretium pulvinar ultricies quis, viverra nec ligula. In semper, elit ac rutrum auctor, lacus odio accumsan felis, ut tristique eros lectus a felis. Aenean neque lorem, consectetur ac imperdiet et, lacinia non purus. Pellentesque congue, massa ac rhoncus dictum, quam risus malesuada nisi, et gravida nisi quam eu justo.

Maecenas id sem auctor, venenatis nibh dignissim, luctus nisl. Sed pretium nec nulla sed aliquet. Suspendisse mattis commodo lorem in eleifend. Duis enim ex, condimentum sollicitudin nunc in, auctor viverra tortor. Nam gravida erat a pharetra venenatis. Suspendisse eu nisi mi. Suspendisse pharetra elementum lacus vitae congue.

Nam vitae aliquam odio. Fusce condimentum augue ex. Pellentesque blandit quam urna, vitae rhoncus felis varius pharetra. Donec pellentesque dolor ipsum. Donec quis elit imperdiet, venenatis ipsum vitae, aliquet neque. Donec vel velit mi. Donec tellus risus, fermentum ut auctor a, auctor eget ex. Sed sodales volutpat mi ac lobortis. Nullam quis ultrices eros. Nullam hendrerit pulvinar rhoncus. Praesent arcu nibh, tempor et porttitor at, placerat id enim. Vivamus volutpat sagittis nunc eget ultricies. Fusce sit amet tempus sem.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac condimentum nibh, at malesuada leo. Morbi id magna nibh. Praesent congue nunc massa, nec tempus dui dictum...

CSS

#layer {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 800px;
  border: 1px solid red;
}
div:not([id="layer"]) {
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  background: rgba(0,0,255,0.1);
  padding: 5px;
}
div:only-child {
  min-height: 100%;
}