JSFiddle - React, Tailwind, and code Playground

by talvinder400

HTML

<div id="container">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
</div>

CSS

#container {
    width:100%;
    text-align:center;
}
#container > div {
    width: calc(100% / 15);  
    display: inline-block;
    vertical-align: top;   
    border:1px solid red;
    text-align:center;
    margin:2%;    
    padding:20px;
}