JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="container">
        <div class="content">Hi there</div>
    </div>
</body

CSS

body {
    height: 100%;
    height: 300px; /* это для эмуляции, body автомат считывает свой размер в px по размеру вьюпорта */
}

.container {
    height: 90%;
    background-color: steelblue;
    /* здесь обязательно высота auto так как лендинг, при этом обязательно указать минимальную */
}

.content {
    height: 50%; /* и вот тут я so snool, ему похуй мои 50% потому что родитель не имеет указанной высоты, при этом имеет фактическую */
    background-color: tomato;
}