JSFiddle - React, Tailwind, and code Playground

by Evgeniy Lukovsky

HTML

<div class="root">
    <div class="child c1">div1</div>
    <div class="child c2">div2</div>
    <div class="child c1">div2</div>
    <div class="child c2">div2</div>
</div>

CSS

html, body {
    margin: 0px;
    padding: 0px;
    background: cyan;
}
.root {
    /* overflow: hidden; */
    background: grey;
    height:auto;
    margin:10px 0px;
    padding: 0.1px 0px 0px;
    /* padding: 0.01px 0px 0px; */
}
.child {
    margin: 10px 0px;
    /* padding:1px 0px; */
    /* width:100%; */
    /* float:left; */
}
* {
    /* border: 1px solid red; */
}
.c1 {
    background: yellow;
}
.c2 {
    background: green;
}