JSFiddle - React, Tailwind, and code Playground

by Leonardo Trimarchi

HTML

<div class="container">
    <div class="main"></div>
    <div class="small-container">
        <div class="small"></div>
        <div class="small"></div>
        <div class="small"></div>
        <div class="small"></div>
        <div class="small"></div>        
    </div>
</div>

CSS

.container {
    margin: 0 auto;
    width: 300px;
}
.main {
    background: #0f0;
    height: 100px;
    width: 300px;
}
.small-container {
    margin-left: -15px;
    width: 315px;
}
.small {
    background: #f0f;
    float: left;
    height: 100px;
    margin-left: 15px;
    margin-top: 15px;
    width: 90px;
}