JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

HTML

<ul class="profiles fournone">
  <li>
    <div class="blockimg">
      <img src="/uploads/edge_profiles/image/middle_1q-2.jpg" alt="Кромка №1" title="Кромка №1">

    </div>

    <div class="blockfix">
      <div class="name">
        Кромка №1
      </div>
      <div class="description">
        Высота 20, 30, 40 мм
      </div>
    </div>
  </li>
  <li>
    <div class="blockimg">
      <img src="/uploads/edge_profiles/image/middle_2q-2.jpg" alt="Кромка №2" title="Кромка №2">

    </div>

    <div class="blockfix">
      <div class="name">
        Кромка №2
      </div>
      <div class="description">
        Высота 20, 30, 40 мм
      </div>
    </div>
  </li>
  <li>
    <div class="blockimg">
      <img src="/uploads/edge_profiles/image/middle_3q-2.jpg" alt="Кромка №3" title="Кромка №3">

    </div>

    <div class="blockfix">
      <div class="name">
        Кромка №3
      </div>
      <div class="description">
        Высота 20, 30, 40 мм
      </div>
    </div>
  </li>
  <li>
    <div class="blockimg">
      <img src="/uploads/edge_profiles/image/middle_4q-2.jpg" alt="Кромка №4" title="Кромка №4">

    </div>

    <div class="blockfix">
      <div class="name">
        Кромка №4
      </div>
      <div class="description">
        Высота 20, 30, 40 мм
      </div>
    </div>
  </li>
  <li>
    <div class="blockimg">
      <img src="/uploads/edge_profiles/image/middle_5q-2.jpg" alt="Кромка №5" title="Кромка №5">

    </div>

    <div class="blockfix">
      <div class="name">
        Кромка №5
      </div>
      <div class="description">
        Высота 20, 30, 40 мм
      </div>
    </div>
  </li>
  <li>
    <div class="blockimg">
      <img src="/uploads/edge_profiles/image/middle_6q-2.jpg" alt="Кромка №6" title="Кромка №6">

    </div>

    <div class="blockfix">
      <div class="name">
        Кромка №6
      </div>
      <div class="description">
        Высота 20, 30, 40 мм
      </div>
    </div>
  </li>
  <li>
    <div class="blockimg">
      <img...