JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="page">
        <div class="header">header</div>
        <div class="main">
            <div class="sidebar">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere tempora commodi maiores incidunt hic magnam neque deleniti voluptatibus iusto laborum illo sapiente illum officia eius obcaecati labore quas consequuntur nobis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere tempora commodi maiores incidunt hic magnam neque deleniti voluptatibus iusto laborum illo sapiente illum officia eius obcaecati labore quas consequuntur nobis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere tempora commodi maiores incidunt hic magnam neque deleniti voluptatibus iusto laborum illo sapiente illum officia eius obcaecati labore quas consequuntur nobis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere tempora commodi maiores incidunt hic magnam neque deleniti voluptatibus iusto laborum illo sapiente illum officia eius obcaecati labore quas consequuntur nobis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere tempora commodi maiores incidunt hic magnam neque deleniti voluptatibus iusto laborum illo sapiente illum officia eius obcaecati labore quas consequuntur nobis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere tempora commodi maiores incidunt hic magnam neque deleniti voluptatibus iusto laborum illo sapiente illum officia eius obcaecati labore quas consequuntur nobis. </div>
            
            <div class="content-wrapper">
                <div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere tempora commodi maiores incidunt hic magnam neque deleniti voluptatibus iusto laborum illo sapiente illum officia eius obcaecati labore quas consequuntur nobis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere tempora commodi maiores incidunt hic magnam neque deleniti voluptatibus iusto laborum illo sapiente illum officia eius...

CSS

*{
    margin: 0;
    padding: 0;
}
.clear{
    clear: both;
}
.page{
    
}
.header{
    height: 48px;
    background: green;
}
.main{
    background: lightblue;
}
.sidebar{
    background: gray;
    width: 230px;
    float:left;
}
.content-wrapper{

    padding: 50px 0;
    float: right;
    margin-right: -230px;
    width: 100%;
}
.content{
    width: 450px;
    margin: 0 auto;
    background: yellow;    
}
.footer{
    height: 48px;
    background: blue;
}