JSFiddle - React, Tailwind, and code Playground

by antonessential

HTML

<div class="row">
  <div class="layer">1</div>
  <div class="layer">2</div>
  <div class="layer">3</div>
  <div class="layer">4</div>
  <div class="layer">5</div>
  <div class="layer">6</div>
  <div class="layer">7</div>
</div>

CSS

.row {
  display:flex;
}
.layer {
  background: red;
  color: white;
  width: 10%;
  height: 100px; 
  border: 1px solid black;
}