JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <h1>Navigation</h1>
    <div>
        <p>Text</p>
    </div>
</header>
<div id="banner">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, earum, quo! Dignissimos necessitatibus optio quos libero iste inventore molestias dicta, vel numquam quibusdam tenetur iure! Cum rem ad nemo ea.</p>
</div>
<div id="col1">
    <p>test</p>
</div>

CSS

* {
    margin:0;
    padding:0;
}
body {
    height:3000px;
    margin-top:97px;
}
*{
    color:#fff;
}
header {
    top:0;
    position: fixed;
    width: 100%;
    height:97px;
    background: #373c3f;
}

#banner {
    width: 100%;
    height: 150px;
    background: #0ca0b6;
}

#col1 {
    height:100px;
    background:#17c517;
}