JSFiddle - React, Tailwind, and code Playground

by LinkinTED

HTML

<div class='header'>header</div>
<div class='content'>content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br /></div>

CSS

.header {
    position: fixed;
    background: lightblue;
    width: 400px;
    left: 50%;
    margin-left: -200px;
}
.content {
    width: 400px;
    margin: 0 auto;
    background: lightgreen;
}