JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<div class='wrap'>
  <div class='buttons'>
    <div class='button'>
    
    </div>
    <div class='button'>

    </div>
    <div class='button'>

    </div>
    <div class='button'>

    </div>
    <div class='button'>

    </div>
    <div class='button'>

    </div>
    <div class='button'>

    </div>
    <div class='button'>

    </div>
  </div>
</div>

SCSS

.wrap {
  background: red;
  height: 200px;
}

.button {
  background: blue;
  width: 64px;
  height: 32
}