JSFiddle - React, Tailwind, and code Playground

by Pat Dobson

HTML

<div class="wrapper">
  <div class="box">
    
  </div>
  <div class="box">
    
  </div>
  <div class="box">
    
  </div>
  <div class="box">
    
  </div>
</div>

CSS

*{
  box-sizing: border-box;
}

.wrapper{
  background-color: #000000;
  width: 500px;
  margin: 5% auto;
  padding: 0;
}

.box{
  display: inline-block;
  margin: 0px;
  padding: 0;
  background-color: #ff9900;
  width: 250px;
  height: 250px;
  float: left;
}