JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div id="context">
            <pre>
имитация текста
1
2
3
            </pre>
        </div>
        <div id="space"></div>
        <div id="footer"></div>
    </body>
</html>

CSS

#context
{
    background: red;
}

#space
{
    background: gray;
    min-height: ??? /*как?*/
}

#footer
{
    background: green;
    height: 30px;
}