JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="thing">
    text
  </div>
  <div class="thing">
    text
  </div>
  <div class="thing">
    text
  </div>
  <div class="thing">
    text
  </div>
</div>

CSS

.container {
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-wrap: wrap;
}
.thing {
    background: red;
    color:white;
    margin: 5px;
    text-align: center;
    display: table;
    flex: 1 0 30%;
    vertical-align: middle;
}