JSFiddle - React, Tailwind, and code Playground

by Gereltod Gotsbayar

HTML

<html>
    <body>
        <div id="head" style="length:100%; width:100%; background:#ff0000; position:fixed; z-index:1">
            <p>
                Hi
            </p>
        </div>
        <div id="main" style="length:100%; width:100%;">
            <p>
                Hello
            </p>
            <p>
                Hello
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
        </div>
    </body>
</html>

CSS

#main {
    padding-top: 40px;
}