JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
    </head>
    <body>
        <div class="container">
            <div class="cell">1</div>
            <div class="cell">2</div>
            <div class="cell">3</div>
            <div class="cell">4</div>
            <div class="cell">5</div>
            <div class="cell">6</div>
            <div class="cell">7</div>
            <div class="cell">8</div>
            <div class="cell">9</div>
            <div class="cell">10</div>
            <div class="cell">11</div>
            <div class="cell">12</div>
            <div class="cell">13</div>
            <div class="cell">14</div>
            <div class="cell">15</div>
            <div class="cell">16</div>            
        </div>
    </body>
</html>

CSS

* {
    margin:0;
    padding:0;
}
html,
body {
    width:100%;
    height:100%;
}
.container {
    width:100%;
    height:100%;
    background:green;
    clear:both;
}
.cell {
    width:25%;
    height:25%;
    overflow:hidden;
    float:left;
}