JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<div class="wrapper">
    <div class="section primary"></div>
    <div class="section secondary"></div>
    <div class="section final"></div>
</div>

CSS

html, body {
        height: 100%;
        margin: 0;
        padding: 0;
        }

    .wrapper {
        height: 100%;
        }
        .section {
            height: 100%;
            }
        .section.primary {
            background: red;
            }
        .section.secondary {
            background: lightblue;
            }
        .section.final {
            background: yellowgreen;
            }