JSFiddle - React, Tailwind, and code Playground

by BramVanroy

HTML

<div id="wrapper">
  <div id="left"></div>
  <div id="right"></div>
  <div class="clear"></div>
</div>

CSS

* {box-sizing: border-box;}

#wrapper {
    height: auto;
    width: 77%;
    margin: 20px auto;
    border: 1px solid;
}

#left, #right {float: left;}

#left {
    width: 40%;
    border: 1px solid green;
    min-height: 200px;
}

#right{
    width: 60%;
    border: 1px solid red;
    min-height: 300px;
}

.clear {clear: both;}