JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

HTML

<div class="header">
    <div class="logo">
        <a href="#link" class="logo-link">
      Название сайта
    </a>
    </div>

    <div class="header-phone phone">
        <a href="tel:+380985555555">+38 (098) 555-55-55</a>
    </div>
</div>


<div class="content">
    <div class="news-card">
        <h2 class="news-title">
            <a href="#article.html">Заголовок второго уровня</a>
        </h2>
        <div class="news-decription">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Maxime vero molestiae repudiandae illum! Odio, dolorum necessitatibus amet porro, vero impedit nisi, labore fugiat ipsam expedita possimus molestiae numquam odit dolore.</div>
    </div>

    <div class="news-card">
        <h3 class="news-title">
            <a href="#article.html">Заголовок третьего уровня</a>
        </h3>
        <div class="news-decription">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Maxime vero molestiae repudiandae illum! Odio, dolorum necessitatibus amet porro, vero impedit nisi, labore fugiat ipsam expedita possimus molestiae numquam odit dolore.</div>
    </div>
</div>


<div class="footer">
    <div class="copyright">
        Копирайт
    </div>

    <div class="footer-phone phone">
        <a href="tel:+380985555555">+38 (098) 555-55-55</a>
    </div>
</div>