JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>

</head>
<body>
 <div id="main">
    <div class="block">
      <div class="block-item"></div>      
      <div class="block-item"></div>      
      <div class="block-item"></div>


    </div>
  </div>
</body>
</html>

CSS

body{
  background:tomato;
}
.block{
  position:relative;
  width:700px;
  background:white;
  padding:10px;
   display:flex;
  align-items:center;
  justify-content:center;;
  
}
.block-item{
  width:60px;
  height:60px;
}

.block-item:nth-of-type(1){
  background:lightgreen;
}
.block-item:nth-of-type(2){
  background:lightblue;
}
.block-item:nth-of-type(3){
  background:lightgray;
}