JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ol>

CSS

ol, li { margin:0; padding:0; list-style:none; background:silver; }
ol { width:90%; }
ol:after { content:""; display:block; clear:both; }
li { width:23%; min-width:130px; max-width:200px; height:130px; margin:1%; background:gray; float:left; }