JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<div class="box">
    <div>One</div>
    <div>Two</div>
    <div>Three</div>
    <div>Four</div>
    <div>Five</div>
    <div>Seven</div>
    <div>Eight</div>
    <div>Ten</div>
    <div>Eleven</div>
    <div>Twelve</div>
    <div>thirteen</div>
</div>

CSS

.box {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}

.box {
	grid-gap: 10px;
  background-color: grey;
}

.box div{		
	    border: 1px solid #444;
		  min-height: 100px;
      background:#fff;
}