JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    <article>
    </article>
    <article>
    </article>
    <article>
    </article>
    <article>
    </article>
</section>

CSS

article {
    height: 50px;
    width: 48%;
    background-color: silver;
    float: left;
    margin: 1%;
}

article:last-of-type {
    width: 98%;
}

article:nth-of-type(2n + 1) {
    width: 48%;
}

article:first-of-type {
    width: 98%;
}