JSFiddle - React, Tailwind, and code Playground

by Luca Giuberti

HTML

<div class="parent">
  <div class="child">
  1
  </div>
  <div class="child">
  2
  </div>
   <div class="child">
   3
  </div>
   <div class="child">
   4
  </div>
</div>

SCSS

.parent{
  border: solid 1px blue;
  display: flex;
  height: 300px; /* Or whatever */
  width: 500px;
  
  
  .child{
    border: solid 1px red;
    width: 200px;  /* Or whatever */
    height: 100px; /* Or whatever */
    //margin: auto;  /* Magic! */
  }
  
}