JSFiddle - React, Tailwind, and code Playground

by jacquelineangel

HTML

<!DOCTYPE html>

<html>
    <head>
        <style>
        .fixed {
            background-color: #000000;

            height: 50px;

            position: fixed;
            top: 0;

            z-index: 999;

            width: 100%;
        }

        img {
            position: relative;

            z-index: 1;
        }

        /* Just to see if it works, not needed */
        .whitespace {
            height: 1000px;
        }
        </style>
    </head>

    <body>
        <header class="fixed">
            <h1>Site Name</h1>
        </header>

        <div class="whitespace"></div>

        <img alt="An image" src="https://si0.twimg.com/profile_images/1897930910/black_hair.jpg">

        <div class="whitespace"></div>
    </body>
</html>