JSFiddle - React, Tailwind, and code Playground

by Christian Grobmeier

HTML

<div class="landing-wrapper">
    <div class="landing">
        Could be an image
    </div>
</div>
<div class="article">
    Article
</div>

CSS

html, body {
    height: 100%;
    width: 100%;
}

.landing {
    height: 80%;
    width: 100%;
    position: fixed;
    background-color: #ff0000;
}

.landing-wrapper {
    height: 80%;
}