JSFiddle - React, Tailwind, and code Playground

HTML

<body>
        <div class="post">
        <div class="left-info">
            <div class="post-date">13.09</div>
            <div class="post-type"></div>
        </div>
        <div class="announcement">
            <div class="post-title">Интенсив: программа</div>
            <div class="post-author">
                Автор: <a href="#">HTML Academy</a>
            </div>
            <div class="post-stats">
                <div class="icon icon-tags"></div>
                <a href="#">интенсив</a>,
                <a href="#">программа</a>
            </div>
            <div class="post-stats">
                <div class="icon icon-comments"></div>
                <a href="#">5</a>
            </div>
        </div>
            <div class="post-text">Работа над интенсивом идёт полным ходом. Мы нашли крутых людей в команду и решили еще кучу задач. Но сегодня я подробнее расскажу о работе над программой интенсива.</div>
        </div>
    </body>

CSS

html, body {
            margin: 0;
            padding: 0;
        }

        body {
            width: 280px;
            min-height: 250px;

            font-size: 12px;
            font-family: "Arial", sans-serif;
            line-height: 1.2;
            color: #7f8c8d;
            background: #ecf0f1;
        }
        .left-info {
            float:left;
            margin-right:20px;
            margin-top:50px;
        }
        .announcement, .post-text {
            float:left;
        }
        .post-stats .icon {
            width: 15px;
            height: 15px;
            background: url(http://htmlacademy.ru/assets/course14/post-challenge.png) no-repeat 0 0;
            position: absolute;
            left: 0;
            top: 0;
        }
        .post-date, .post-type {
            height: 55px;
            width: 55px;
            border-bottom: 5px solid #bdc3c7;
        }
        .post-date {
            background-color: #fff;
            font-weight: bold;
            font-size: 15px;
            text-align: center;
            vertical-align: middle;
            line-height: 55px;
            margin-bottom: 10px;
        }
        .post-type {
            background: #7f8c8d url(http://htmlacademy.ru/assets/course14/quotes.png) no-repeat center center; 
        }
        .post-text {
            background: #fff;
            border-bottom: 5px solid #bdc3c7;
            padding: 10px 15px;
            width: 175px;
        }
        .post-title {
            color: #2980b9;
            font-size: 20px;
            margin-bottom: 5px;
        }
        .post-author {
            margin-bottom: 5px;   
        }
        .post a {
            color: #2980b9;
            text-decoration: none;
        }
        .post-stats {
           position:relative;
            padding-left: 20px;
            display: inline-block;
            margin-right: 10px;
            margin-bottom: 20px;
        }

        .icon-tags {
           ...