JSFiddle - React, Tailwind, and code Playground

by Shidhin C R

HTML

<div class="parent">
    <div class="child float"></div>
    <div class="child float"></div>
    <div class="child float"></div>
<!--     <div class="child green"></div> -->
</div>
<div class="parent-2">
    <div class="something clear">shidhin</div>
</div>

CSS

.parent {
    background-color: #f2f2f2;
    padding: 50px;
}
.parent-2 {
    background-color: #bcdebc;
}
.child {
    background-color: red;
    height: 100px;
    width: 100px;
    margin: 0 10px 10px 0;
}
.float {
    float: left;
}
.green {
    background-color: green;
}
.clear {
    clear: both;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.something {
    width: 400px;
    margin: auto;
    min-height: 400px;
}