JSFiddle - React, Tailwind, and code Playground

by tractionworks

HTML

<div class="flex">
<li>Cat1</li>
<li>Cat2</li>
<li>Cat3</li>
<li>Cat4</li>
</div>

CSS

/* .flex li{
 color: #333;
 display: inline-block;
 vertical-align: top;
 float: right;
} */
.flex{
 display: flex; 
}
.flex li{
   list-style: none;
    text-align: center;
    margin:4px;
    border: 1px solid#5fa5c8;
    width: 24%;
    height: 230px;
    }