JSFiddle - React, Tailwind, and code Playground

by Edward KH

HTML

<div class="container">
    <div class="b1">1</div>
    <div class="b2">2</div>
    <div class="b3">3</div>
    <div class="b4">4</div>
    <div class="b5">5</div>
    <div class="b6">6</div>
</div>

CSS

.container {background: green; width: 350px;}
.b1,.b2,.b3,.b4,.b5,.b6 {
    background: yellow;
    display: inline-block;
    font: bold 20px Arial;
    margin: 0 1px 5px 0;
    padding: 5px;
    width: 150px;}
.b1 {height: 40px;}
.b2 {height: 50px;}
.b3 {height: 80px;}
.b4 {height: 50px;}
.b5 {height: 30px;}
.b6 {height: 50px;}