JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="header">
aasdsd
    </div>
    
    <div class="content">
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div> 
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
        <div class='list-element'>list element </div>
    </div>
</div>

CSS

.main{
    height:100%;
}

.header{
    height:50px;
    position:fixed;
    top:0;
    background:#454546;
    width:100%;
}

.content{
    margin-top:53px;
    background:#ffffff;
}
.list-element {
    width: 100%;
    border-bottom: 1px solid #aaa;
}