JSFiddle - React, Tailwind, and code Playground

by sehsarah

HTML

<link rel="stylesheet" href="http://yui.yahooapis.com/3.4.0pr3/build/cssgrids/grids-min.css">
<div class="yui3-g">
    <div class="container">
        <div class="yui3-u-1-2 b1">
            <div class="box1">Test1</div>
        </div>
        <div class="yui3-u-1-2 b2">
            <div class="box2">Test2</div>
        </div>
    </div>
</div>

CSS

.box1,
.box2 {
    border: 1px solid green;
}

.b1, b2 {
    width: auto;
    min-width: 48%;
        
}

.b2 {
    float: left;
    
}


.container {
    border: 1px solid red;  
}