JSFiddle - React, Tailwind, and code Playground

HTML

<div class="list">
  <div style="background: red">1</div>
  <div style="background: orange">2</div>
  <div style="background: yellow">3</div>
  <div style="background: lightyellow">4</div>
</div>

CSS

.list{
  width:100%;
  height: 100%;
  background: black;
}
.list div{
  display: inline-block;
  width: 50%;
  height: 100px;
  background: red
}