JSFiddle - React, Tailwind, and code Playground

by shamaleyte

HTML

<div class="wrapper">
<ul>

<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
</ul>
</div>

CSS

.wrapper{
  max-width: 500px;
  margin: 0 auto;
  background-color: grey;
}
ul{
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;   

}
li{
 width: 25%;
  box-sizing: border-box;  
}