JSFiddle - React, Tailwind, and code Playground

by mpsingh2003

HTML

<div class="flex-container">
  <div class="flex-item">1</div>
  <div class="flex-item">2</div>
  <div class="flex-item">3</div>
  <div class="flex-item">4</div>
  <div class="flex-item">5</div>
  <div class="flex-item">6</div>
</div>

CSS

.flex-container {
    display: flex; /* or inline-flex */
    flex-direction: row;
    flex-wrap: wrap;
    width: 200px;
    justify-content:space-between;
}
.flex-item{.
    height:100px;
    width: 50px;
    border: 1px solid red;
    box-sizing:border-box;
}