JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<body class="table">
    <div class="row">
        <div>Some text</div>
        <div>Text again</div>
    </div>
    <div class="row last">
        <div>Need height to bottom</div>
    </div>
</body>

CSS

*
{
    margin:0;padding:0;
}
.table {
    display: table;
}
html,body {
    height: 100%;
    min-height: 100% !important;
}

.row {
    display: table-row;
    border: 1px solid black;
    background: green;
}
.last
{
    height: 100%;
    background: yellow;
}