JSFiddle - React, Tailwind, and code Playground

by JamesD

HTML

<div id="left">Left</div>
<div id="right">Right</div>

CSS

body {
    margin:0;     /* This is used to reset any browser-default margins */
    height:100vh; /* This is needed to overcome a Chrome bug. */
    width:100vw;  /* As above. */
}

div {
    height:100vh;
    width:50vw;
}

#left {
    background:#5ae;
    float:left;
}

#right {
    background:#ea5;
    float:right;
}