JSFiddle - React, Tailwind, and code Playground

by meo

HTML

<div class="header"></div>
<div class="content">
    <div class="wrap">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at tortor ac mi faucibus elementum. Curabitur eget ante semper ipsum iaculis accumsan. Maecenas iaculis ipsum in nisl consequat quis sagittis enim vulputate. Integer orci quam, dapibus vel fermentum ut, varius quis ante. Donec consequat sodales interdum. Pellentesque vel nulla ante, fermentum venenatis nisi. Sed sodales rhoncus sapien. Ut odio ligula, pretium ac blandit at, consequat a ipsum. Vestibulum eget dolor nec nibh sagittis condimentum at et ligula. Aliquam erat volutpat. Sed blandit congue neque non blandit.

Duis sem metus, semper non aliquam non, aliquam eget massa. Donec et mattis risus. Maecenas purus elit, cursus id hendrerit quis, blandit sit amet magna. Integer lobortis augue vel libero euismod quis tincidunt dui tincidunt. Sed vel sapien nisi. Suspendisse id molestie urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque malesuada nibh a augue aliquet tempus. Aenean vel augue augue, non sodales metus. Sed rhoncus adipiscing ullamcorper. Quisque accumsan interdum eros sit amet varius. In nec orci quis ante molestie convallis. Duis elementum est id velit suscipit tempus. Phasellus ullamcorper neque consequat diam sagittis quis fringilla felis ultricies. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin non tortor quis erat pulvinar condimentum eget eget tortor.

Praesent vestibulum, mi lacinia vestibulum viverra, leo eros tempor eros, ut rhoncus libero eros eget mauris. Cras urna mauris, ultricies in laoreet at, euismod eget enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent pretium tortor rutrum est aliquet laoreet. Curabitur pellentesque, risus eu ornare rhoncus, mauris mauris bibendum arcu, eu tincidunt sem nulla eget urna. Aenean aliquet convallis velit sit...

CSS

body, html {
    min-height: 100%;
}
.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}

.content {
    position: absolute;
    left: 0; top: 100%;
    width: 100%;
}