JSFiddle - React, Tailwind, and code Playground

by Mr_Vasu

HTML

<div class="main">
    <div class="main-dat">2</div>
    <div class="main-day">Thu</div>
    <div class="main-yer">2015</div>   
</div>

CSS

.main{background:#488ab0;border:1px solid #488ab0;
    width:57px;height:67px;border-radius:10px 10px 10px 10px;}
.main-dat{color:#fff;font-size:26px;height:20px;}
.main-day{color:#fff;font-size:18px;height:20px;}
.main-yer{background-color:#fff;color:#333;margin:0 0 1px 0;
 font-size:14px;width:37px;height:16px;border-radius:0px 0px 10px 10px;padding:4px 10px 3px 10px;line-height:18px;}