JSFiddle - React, Tailwind, and code Playground

by functionalcss

HTML

<div id ="main">
    <div id ="first">
        <a href="#">Link</a>
        <a href="#">Link</a>
        <a href="#">Link</a>
        <a href="#">Link</a>
    </div>
    <div id ="second">
        
    </div>
</div>

CSS

#main{
    overflow:hidden;
    border:1px solid black;
    height: 400px;
}
#first{
    border:1px solid black;
    width:200px;
    float:left;
    height: 100%;
}

a{
    display:block;
    padding:10px;
}
#second{
    border:1px solid black;
    overflow:hidden;
    height:400px
}