JSFiddle - React, Tailwind, and code Playground

by Pratik Galoria

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="row">
<a href="#"><div class="tile tile-red col-sm-1 col-xs-3"></div></a>
  <div class="tile tile-blue col-sm-1 col-xs-3">1</div>
  <div class="tile tile-blue col-sm-1 col-xs-3">Tile</div>
  <div class="tile tile-blue col-sm-1 col-xs-3">Tile</div>
  <div class="tile tile-red col-sm-1 col-xs-3">Tile</div>
  <div class="tile tile-red col-sm-1 col-xs-3">Tile</div>
</div>

CSS

.tile {
  height: 50px;  
  border: 1px solid #fff;
  border-radius: 10px
}
.tile-red{background: red}
.tile-blue{background: blue}