JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex-container fb-jc-center fb-ai-center">
  <div id="blue">
      first div
  </div>
  <div id="red">
      second div
  </div>
</div>

CSS

.flex-container{
  display:flex;
  
}



.fb-jc-center{
  justify-content:center;
}
.fb-ai-center {
    align-items: center;
}

/* CSS below is only for example style */
.flex-container{
  min-height:300px;
  min-width:500px;
  border:1px solid black;
}
#blue{
  background-color:blue;
}

#red{
  background-color:red;
}

.flex-container > div{
  font-size:25px;
  padding:5px 10px;
}