JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:40%;height:100px;background:black"></div>
<div style="width:40%;height:100px;background:white"></div>
<div style="width:40%;height:100px;background:white"></div>
<div style="width:40%;height:100px;background:black"></div>
<div style="width:40%;height:100px;background:black"></div>
<div style="width:40%;height:100px;background:white"></div>
<div style="width:40%;height:100px;background:white"></div>
<div style="width:40%;height:100px;background:black"></div>

CSS

div {
    display:inline-block;
    margin:0px;
}