JSFiddle - React, Tailwind, and code Playground

by john Doe

HTML

<section>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
</section>

CSS

section{display: flex; flex-wrap: wrap;}
  section > div{width: 25%;}
  section > div:nth-of-type(1){background-color: #f99;}
  section > div:nth-of-type(2){background-color: #9f9;}
  section > div:nth-of-type(3){background-color: #99f;}
  section > div:nth-of-type(4){background-color: #29f;}