JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <ul>
        <li>aaa</li>
        <li>aaa</li>
    </ul>
</div>

CSS

html, body {
    height: 100%;
}

div {
    height: 100%;
    background: green;
}

ul {
    background: red;
    overflow: hidden;
    min-height: 100%;
}

li {
    background: purple;
    display: table-cell;
    min-height: 100%;
}