JSFiddle - React, Tailwind, and code Playground

by Ragingfury

HTML

<div class="a">

<div class="b">
1
</div>
<div class="b">
2
</div>
<div class="b">
3
</div>
<div class="b">
4
</div>

</div>

CSS

.a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-flow:row wrap;
  text-align:center;
}
.b{
flex:40%;
margin:20px;
border:1px solid blue;
}