JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
            <div id="header">
                <h1>Example</h1>
            </div>
            <div id="sidecontent">
                <h2>Example</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id odio mauris, nec fringilla lectus. Ut lacinia egestas purus, ac dignissim ante aliquet sodales. Praesent lacinia arcu quis nisi gravida nec tempus elit dictum. Aenean sed justo metus, nec accumsan sapien. Ut non risus sapien. Curabitur tempor ipsum quis purus faucibus feugiat. Praesent tempus varius est nec consectetur. Aliquam erat volutpat. Integer fringilla lacinia odio a porttitor. Vivamus in felis vel ipsum laoreet sodales quis eu quam. Aliquam erat volutpat. Nam euismod tempor commodo. Integer cursus dapibus nulla, sit amet luctus justo interdum nec. Duis cursus, mauris at tempor molestie, est neque vestibulum lorem, nec varius odio eros ac metus. Nunc non nisl sapien. Integer ut quam non dui placerat euismod. Nullam tempor dapibus ultricies. Nam nec nibh at arcu molestie vestibulum.</p>
                <p>Donec pulvinar vulputate odio, non molestie lectus tincidunt bibendum. Maecenas pellentesque urna et urna posuere bibendum. Praesent nisl odio, rutrum sed aliquet eu, ultricies a eros. Sed a diam sit amet velit laoreet scelerisque. Nulla facilisi. Aenean id lorem ut tortor euismod pharetra. Vivamus imperdiet, sapien eu ornare malesuada, arcu justo venenatis arcu, id hendrerit ligula nunc porta urna. Nunc placerat adipiscing massa sit amet congue. Curabitur facilisis enim arcu. Sed eu faucibus est. Etiam eget nisl turpis. Nunc id magna ut enim fermentum dignissim sed id leo. Praesent semper ultricies sagittis. Nullam aliquam laoreet nibh at molestie. Aliquam id velit erat, ut malesuada sem.</p>
            </div>
            <div id="content">
                <h2>Example</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id odio mauris, nec fringilla lectus. Ut...

CSS

html {
                overflow: auto;
                height: 100%;
            }
            body {
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
            }
            
            div {
                padding: 0;
                margin: 0;
            }
            
            #container {
                background-color: Aqua;
                width: 100%;
                height: 100%;
            }
            
            #header {
                height: 10%;
                overflow: hidden;
                background-color: Green;
            }
            
            h1 {
                margin: 0;
            }
            
            #content {
                overflow: auto;
                margin-left: 33%;
                height: 90%;
                background-color: Yellow;
            }
            
            #sidecontent {
                overflow: auto;
                height: 90%;
                width: 33%;
                float: left;
                background-color: Blue;
            }