JSFiddle - React, Tailwind, and code Playground

by kirtithorat

HTML

<div class="container">
    <div class="a"></div>
    <div class="b"></div>
    <div class="c"></div>
        <div class="d"></div>
    <div class="e"></div>
</div>

CSS

.a
{
    width:100px;
    height:300px;
    display:inline-block;
    background-color:blue;
  
}
.b
{
    width:100px;
    height:200px;
    display:inline-block;
    margin-left:30px;
    background-color: yellow;
 
}

.c
{
    width:100px;
    height:400px;
    display:inline-block;
    margin-left:30px;
    background-color: green;
    vertical-align: top;
}

.d
{
    width:100px;
    height:350px;
    display:inline-block;
    margin-left:30px;
    background-color: pink;
}

.e
{
    width:100px;
    height:100px;
    display:inline-block;
    margin-left:30px;
    background-color: yellow;
 
}