JSFiddle - React, Tailwind, and code Playground

HTML

<header>This is the header</header>
<div>
    <form action="#">
        <input type="text" name="test" placeholder="write your name" required />
        <p>Click send (at the bottom of the page), without filling the input field.</p>
            <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <input type="submit" value="send">
    </form>
</div>

CSS

html {
  scroll-padding-top: 50px;
}
body {
    margin: 0;
    margin-top: 50px;
    text-align: center;
}

header {
    position: fixed;
    width: 100%;
    height: 50px;
    background-color: #CCCCCC;
    text-align:center;
    top: 0;
}