JSFiddle - React, Tailwind, and code Playground

by michananya

HTML

<div class="warp">
       <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div> 
</div>

CSS

.warp {
    display: block;
}
.warp div  {
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
margin-left: -1px;
display: flex
}