JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="header">header</div>
    <div class="menu">menu</div>
    <div class="content">  

        <p>По несчастью или к счастью,<br>
        Истина проста:<br>
        Никогда не возвращайся<br>
        В прежние места.</p>

        <p>Даже если пепелище<br>
        Выглядит вполне,<br>
        Не найти того, что ищем,<br>
        Ни тебе, ни мне.</p>

        <p>Путешествие в обратно<br>
        Я бы запретил,<br>
        Я прошу тебя, как брата,<br>
        Душу не мути.</p>

        <p>А не то рвану по следу,<br>
        Кто меня вернет?<br>
        И на валенках уеду<br>
        В сорок пятый год.</p>

        <p>В сорок пятом угадаю,<br>
        Там, где - боже мой! -<br>
        Будет мама молодая<br>
        И отец живой.</p>

    </div>
</div>

CSS

html, body {
    margin:0;
    padding:0;
    height:100%;
}
.wrapper {
    width:800px;
    margin:auto;
    height:100%;
}
.header {
    height:100px;
    background-color:#9CF;
}
.menu {
    height:50px;
    background-color:#39F;
}
.content {
    background-color:#FFC;
    padding:10px;
}