JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="one">
        this is one
    </div>
    <div id="two">
        this is two
    </div>
    <div id="three">
        this is three
    </div>
    <div id="four">
        this is four
    </div>
    <div id="five">
        this is five
    </div>
</div>

CSS

#container{
        display: flex;
        flex-wrap: wrap-reverse;
    }
    #container div{
        width: 50%;
        text-align: center;
    }