JSFiddle - React, Tailwind, and code Playground

by polaszk

HTML

<article>First</article>
<article>Second</article>
<article>Third</article>
<article>Fourth</article>

CSS

body {
      margin: 0px;
      display: flex;
      flex-wrap: wrap;
    }

    article {
      width: 50%;
    }

    article:nth-child(1) {
      background-color: red;
    }

    article:nth-child(2) {
      background-color: yellow;
    }

    article:nth-child(3) {
      background-color: blue;
    }

    article:nth-child(4) {
      background-color: green;
    }