JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>  
    <div class="head_screen">head screen</div>
    <div class="body_screen">body screen
    <div class="page"></div>
</body>

CSS

.head_screen {
    position: fixed;
    top: 0; left: 0;
    background: grey;
    height: 150px; width: 100%; 
}
.body_screen {
    position: relative; 
    top: 150px;
    z-index: 1;
    background: orange;
    height: 1000px; width: 100%;
}