JSFiddle - React, Tailwind, and code Playground

by Felipe Alfaro

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.css">
<div class="row">
    <div class="col-xs-9 col-sm">
        <div class="box"></div>
    </div>
    <div class="col-xs-3 col-sm">
        <div class="box"></div>
    </div>
    
    
</div>

CSS

.box
{
  position: relative;
    box-sizing: border-box;
    min-height: 1rem;
    margin-bottom: 0;
    background: #007FFF;
    border: 1px solid #FFF;
    border-radius: 2px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

html, body
{
  margin: 0;
  overflow-x: hidden;
}