JSFiddle - React, Tailwind, and code Playground

by TwitchBronBron

HTML

<div id="controls">
  <button>Click me!</button>
  <button>Nevermind</button>
</div>
<div id="content">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras hendrerit purus eget feugiat pellentesque. Suspendisse sit amet neque sit amet elit aliquam molestie. In pulvinar tortor eu tincidunt cursus. Aliquam porttitor purus et purus viverra euismod. In ut dui sed ex vestibulum ornare quis a justo. In congue augue nec elit pretium, ac rhoncus nunc lacinia. Aliquam hendrerit vulputate nunc, at ultricies mi rutrum volutpat. Proin a magna eleifend, tincidunt nisi id, rutrum tortor. Nulla facilisi. Duis eleifend eleifend diam, eget porttitor erat rutrum vel. Donec at felis sed lectus fringilla consectetur at eget risus. Donec dictum nisl sit amet convallis porta.

  Vivamus eu varius purus. Vivamus in velit vitae dolor vulputate tristique viverra dignissim metus. Curabitur suscipit pretium elit vitae suscipit. Sed non magna non nunc rutrum elementum. Ut risus risus, venenatis nec tristique a, ultricies in nulla. Nunc vel feugiat est, quis aliquam elit. Vivamus sodales, augue a auctor varius, risus purus consectetur velit, non lobortis tortor enim eget nulla. Morbi lacinia dignissim mollis. Donec vel porta eros. Integer non convallis tellus. Mauris mollis, est id hendrerit suscipit, tortor elit feugiat lacus, at ultricies velit sapien ut mauris. Vestibulum metus turpis, porta vel semper id, maximus eget risus. Vivamus ut massa lacinia, tristique enim a, commodo odio.

  Curabitur mattis ut orci sed pretium. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et quam eget augue elementum commodo. Nunc pulvinar elementum lacus id aliquet. Pellentesque ullamcorper velit tellus, in luctus erat ornare id. Duis condimentum malesuada vulputate. Nullam leo lectus, tempus in mollis non, ornare et mi. Sed mi metus, ullamcorper eget semper et, pretium non velit. Suspendisse nec commodo nunc, id congue velit. Ut congue eget leo nec lacinia. Suspendisse magna...

CSS

html,body{
  height: 100%;
  width: 100%;
  padding:0;
  margin:0;
}
*{
    overflow: auto;
}
#controls{
  background-color: red;
  height: 100px;
}

#content{
  height: calc(100% - 100px);
  border: 1px solid blue;
  box-sizing: border-box;

}