JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
</head>
<body>
    <div id="column1">
        brtbtr
    </div>
    <div id="column2">
        rtbtrbt
    </div>
</body>
</html>

CSS

html,body{
    height:100%;
}
body{
    font-size: 0;
    line-height: 0;
}
#column1, #column2{
    min-height:100%;
    _height:100%;
    position:relative;
    font-size:14px;
    line-height:17px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
#column1{
    width: 30%;
    background-color: red;
}
#column2{
    width: 70%;
    background-color: gray;
}