JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header"></div>
<div class="all-index">
    <div class=" main">
        <div class="body-wrap">content</div>
    </div>
    <div class="sidebar">
        
        <div class="mod-1">Driver rope's end port spirits cog fore ye snow sloop hogshead. Belaying pin yo-ho-ho bilge rat come about squiffy spirits jack galleon Brethren of the Coast hang the jib.Driver rope's end port spirits cog fore ye snow sloop hogshead. Belaying pin yo-ho-ho bilge rat come about squiffy spirits jack galleon Brethren of the Coast hang the jib.Driver rope's end port spirits cog fore ye snow sloop hogshead. Belaying pin yo-ho-ho bilge rat come about squiffy spirits jack galleon Brethren of the Coast hang the jib.Driver rope's end port spirits cog fore ye snow sloop hogshead. Belaying pin yo-ho-ho bilge rat come about squiffy spirits jack galleon Brethren of the Coast hang the jib.Driver rope's end port spirits cog fore ye snow sloop hogshead. Belaying pin yo-ho-ho bilge rat come about squiffy spirits jack galleon Brethren of the Coast hang the jib.</div>
       
        <div class="mod-2">Driver rope's end port spirits cog fore ye snow sloop hogshead. Belaying pin yo-ho-ho bilge rat come about squiffy spirits jack galleon Brethren of the Coast hang the jib.Driver rope's end port spirits cog fore ye snow sloop hogshead. Belaying pin yo-ho-ho bilge rat come about squiffy spirits jack galleon Brethren of the Coast hang the jib.Driver rope's end port spirits cog fore ye snow sloop hogshead. Belaying pin yo-ho-ho bilge rat come about squiffy spirits jack galleon Brethren of the Coast hang the jib.Driver rope's end port spirits cog fore ye snow sloop hogshead. Belaying pin yo-ho-ho bilge rat come about squiffy spirits jack galleon Brethren of the Coast hang the jib.Driver rope's end port spirits cog fore ye snow sloop hogshead. Belaying pin yo-ho-ho bilge rat come about squiffy spirits jack galleon Brethren of the Coast hang the jib.Driver rope's end port spirits cog fore ye snow...

CSS

.header {
    height:200px;
    background: #dfdfdf
}
.all-index {
    position:relative;
    width:100%;
    height:3800px
}
.main {
    position:relative;
    width: 70%;
    height:3800px;
    float:left;
    background: #ccc
}
.sidebar {
    position:relative;
    width:30%;
    float:left;
    background: #88B5AF;
    right:0
}
.mod-1 {
    height: auto;
    background: #CF93E3
}
.mod-2 {
    height: auto;
    background: #333
}
.foot {
    position: relative;
    height: 150px;
    background: #555
}