JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="container">
        <div id="top">
          <div id="content1">content1</div>
        </div>

            <div id="content2">content2 <br/>test <br/>test <br/>test <br/>test <br/>test <br/>test <br/>test <br/>test <br/>test <br/>test <br/>test <br/>test <br/>test <br/>test</div>
    </div>
</body>

CSS

#top{
    background-color : #aa5555;
    padding:10px;
    border:1px solid;
}

html{
    height:100%
}

body{
    height:100%;
    margin: 0;
}

#container{
    background-color : #5555AA;
    min-height: 100%;
}

#content1{
    background-color:yellow;
}

#content2{
    background-color:yellow;
    margin: 10px;
}