JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="ftext">Welcome</div>
    <div id="header"></div>
    <div id="red">blah blah blah blah blah blah blah blah blah blah blah blah blah blah bl blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</div>
        <div id="blue">blah bl blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah bl blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</div>
    <div id="maroon">blah bl blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah  blah bl blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</div>
</div>

CSS

#wrapper{
min-height: 350px;
}
#ftext{
    opacity: 0.5;
    background:#fff;
    margin: 0px;
    font-weight: bold;
    font-size: 55px;
    width: 100%;
    border-bottom: 3px solid #ccc;
position: fixed;
}
#red{

line-height: 70px;
background: skyblue;
}
#header{height: 68px;background:#fff;}
#blue{
line-height: 80px;
background: green;
}
#maroon{

line-height: 80px;
background: maroon;
}