JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<div class="w">
    <section>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </section>
</div>

CSS

html, body {
    margin:0;
}
.w{
    overflow:hidden;
}
section div {
    background: #000;
    float: left;
    height: 24vw;
    margin: 1%;
    width: 23%;
}
section {
    margin:-1%;
    padding:20px;
}