JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="sidebar hidden-phone">
    </div>
    <div class="content">

It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will work according to the content
        <br/>It will...

CSS

.wrapper
    {
        min-height:100%;
        width:100%;
        position:relative;
        background-color:Black;
        display:inline-block;
    }
    .sidebar
    {
        width:20%;
        top:0px;
        left:0px;
        bottom:0px;
        position:absolute;
        background-color:Aqua;
    }
    .content
    {
        width:80%;
        position:relative;
        background-color:Gray;
        float:right;
    }