JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
  <div class="item">  </div>
  <div class="item">  </div>
  <div class="item">  </div>
  <div class="item">  </div>
  <div class="item">  </div>
</div>

CSS

#test {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  width: 400px;
  margin-left: 300px;
  border: 2px solid red;  
}
.item {
  flex: 0 0 150px;
  margin-right: 10px;
  background: blue;
  height: 150px;
  border: 2px solid black;
}