JSFiddle - React, Tailwind, and code Playground

by katerina5452

HTML

<section class="filter">
            <h2 hidden>Filter</h2>
          <div class="filter__wrapper">
            <form class="filter__edit" method="get" action="https://echo.htmlacademy.ru">
              <ul class="filter__list">
                <li class="filter__item">Инфраструктура:</li>
                <ul class="filter__sublist">
                  <li class="filter__subitem">
                    <input type="checkbox" class="visually-hidden filter__input--checked" name="pool" id="pool" checked>
                    <label class="filter__checkbox" for="pool">Бассейн</label>
                  </li>
                  <li class="filter__subitem">
                    <input type="checkbox" class="visually-hidden filter__input" name="parking" id="parking">
                    <label class="filter__checkbox" for="parking">Парковка</label>
                  </li>
                  <li class="filter__subitem">
                    <input type="checkbox" class="visually-hidden filter__input" name="WI-FI" id="WI-Fi">
                    <label class="filter__checkbox" for="WI-Fi">WI-FI</label>
                  </li>
                </ul>
                </li>
              </ul>
              <ul class="filter__list">
                <li class="filter__item">Тип жилья:</li>
                <ul class="filter__sublist">
                  <li class="filter__subitem">
                    <input type="checkbox" class="visually-hidden filter__input" name="hotel" id="hotel">
                    <label for="hotel" class="filter__checkbox">Гостиница</label>
                  </li>
                  <li class="filter__subitem">
                    <input type="checkbox" class="visually-hidden filter__input--checked" checked name="motel" id="motel">
                    <label class="filter__checkbox" for="motel">Мотель</label>
                  </li>
                  <li class="filter__subitem">
                    <input type="checkbox" class="visually-hidden...