JSFiddle - React, Tailwind, and code Playground

by Peter Hozák

HTML

<div id='container'>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

CSS

body{
    background-color: grey;
    height: 1080px;
    width: 50%;
    margin: 0 auto;
}

#container{
    height: 100%;
    width: 100%;
    background-color: white;
    line-height: 25%;
}

div div{
    display: block;
    float: left;
    background-color: grey;
    height: 25%;
    width: 25%;
    margin: 0;
    padding: 0;
}