JSFiddle - React, Tailwind, and code Playground

by Andrey

HTML

<div class="service-category" itemscope itemtype="https://schema.org/SiteNavigationElement">
  <h2 class="service-category__title title" itemprop="name">Специальности</h2>
  <div class="service-category__slider">
    <div class="service-category__slider-item">
      <div class="service-category__item" itemprop="hasPart" itemscope itemtype="http://schema.org/WebPage"><a itemprop="url" class="service-category__link" href="/health/service/?categories%5B0%5D=obshchaia-terapiia-i-profilaktika"><svg class="service-category__icon">
            <use xlink:href="#icon-service-obshchaia-terapiia-i-profilaktika"></use>
          </svg>
          <div class="service-category__text" itemprop="name">Общая терапия и профилактика</div>
        </a></div>
      <div class="service-category__item" itemprop="hasPart" itemscope itemtype="http://schema.org/WebPage"><a itemprop="url" class="service-category__link" href="/health/service/?categories%5B0%5D=vaktsinatsiia"><svg class="service-category__icon">
            <use xlink:href="#icon-service-vaktsinatsiia"></use>
          </svg>
          <div class="service-category__text" itemprop="name">Вакцинация</div>
        </a></div>