JSFiddle - React, Tailwind, and code Playground

by calder12

HTML

<div class="container">
        <div class="insideCell"></div>
        <div class="insideCell"></div>
        <div class="insideCell"></div>
        <div class="insideCell"></div>
        <div class="insideCell"></div>
        <div class="insideCell"></div>
        <div class="insideCell"></div>
        <div class="clear"></div>
        <div class="insideCell"></div>
        <div class="insideCell"></div>
        <div class="insideCell"></div>
        <div class="insideCell"></div>
        <div class="insideCell"></div>
        <div class="insideCell"></div>
        <div class="insideCell"></div>
        <div class="clear"></div><!--rinse and repeat for the rest of the inside cells-->
    </div>

CSS

.container{width 364px;}
.insideCell{height:50px;width:50px;border:1px solid red;float:left;}
.clear{clear:both;}