JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
    header
</div>
<div class="wrapper">    
    <div class="padding">
        <div class="table bg">
            <div class="cell">
                hello world
            </div>
            <div class="cell">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis massa ac dolor rutrum pulvinar vel at elit. Morbi lacinia ornare dui, vitae mattis nibh eleifend quis. Morbi ipsum sapien, accumsan eu blandit sit amet, vehicula eu massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum venenatis lectus, sit amet placerat lectus ullamcorper at. Cras at malesuada leo. Ut tincidunt, leo tincidunt consequat sodales, dui mi imperdiet neque, eu posuere nunc sapien at risus. Nullam quis varius nunc, vel condimentum elit. Sed viverra enim vel sapien dapibus pretium. Proin varius non leo non blandit.
                    <p>
                        <p>
                            Proin mollis, turpis quis rhoncus laoreet, est purus interdum lectus, id sodales diam ligula ut enim. Pellentesque porttitor volutpat sem. Etiam ornare, justo nec accumsan suscipit, arcu felis venenatis lorem, eget consequat elit dui non dui. Aenean vel laoreet nisi, vel vehicula ipsum. Integer ut tortor sed quam accumsan congue sit amet nec ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce dignissim elit massa, quis auctor felis ultrices a. Nam hendrerit erat ac luctus consectetur. Suspendisse sed imperdiet ligula, sit amet accumsan nulla. Phasellus vitae leo eget ipsum vehicula aliquam. Nam euismod, dolor at condimentum sagittis, sapien libero mollis metus, id consequat diam eros id felis. Nulla eleifend viverra erat, non volutpat eros fermentum at. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam id urna ipsum. Etiam libero nibh, hendrerit nec erat vel, luctus pretium dui.
                   ...

CSS

html,body{height:100%;}
body{margin:0;padding:0;}
.footer,.header{background:black;height:30px;color:white;}
.wrapper{min-height:calc(100% - 60px);height:auto !important;}
.padding{padding:20px;}
.table{display:table;width:100%;}
.cell{display:table-cell;width:50%;}
.bg{background:#ccc;}