JSFiddle - React, Tailwind, and code Playground

by ExplosionPIlls

HTML

<div class="container">  
  <form class="form-large">
      <div class="left-col">left</div>   
      <div class="right-col">right</div>
  </form>
</div>

CSS

.form-large {
    max-width: 884px;
    padding: 15px 15px 10px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.left-col {
    display: inline-block;
    width: 584px;
}
.right-col {
    display: inline-block;
    width: 200px;
}