JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

HTML

<div class="blog-item col-xs-12 col-sm-6 aos-init aos-animate" data-aos="fade-up" style="visibility: visible;">
    <article class="article-card article-horizontal">
        <div class="article-thumbnail" style="background-image: url('/upload/information_system_15/5/2/9/item_529/small_item_529.jpg')">
            <a href="/blog/529/" class="article-thumbnail-link"></a>
        </div>
        <article class="article-header">
            <ul class="article-statusbar">
                <li>
                    <time datetime="2018-02-12">28 февраля 2019 г.</time>
                </li>
            </ul>
            <h3 class="article-title">
                <a href="/blog/529/">Потребительский кредит — выдаем без поручителей и справок!</a>
            </h3>
        </article>
        <div class="article-body">
            <div class="article-description">
                <p>«Мосломбард» выдает быстрые <a href="https://zaimvmoskve.ru/pts">потребительские кредиты под залог птс</a> или автомобилей. Мы предлагаем кредиты всего под 2% в месяц, срок выплат до 60 месяцев.</p>
            </div>
        </div>
        <footer class="article-footer">
            <a href="/blog/529/">Читать</a>
        </footer>
    </article>
</div>