Функция карты визуализирует первый элемент реакции по-разному при использовании служебных классов попутного ветра

Question

Я использую попутный ветер для css в своем проекте.

Я отображаю элемент кнопки реакции как:

          <div className="flex flex-wrap justify-center items-center space-x-1 space-y-1">
        {domains.map((domain, index) => {
          return (
            <Button
              key={index}
              bgColor="transparent"
              hoverEffect="blue-500"
              textColor="gray-700"
              textHover="white"
              boarder="blue-500"
              boarderHover="blue-500"
              otherClasses="text-xs block rounded-full px-4"
              selcted="blue-500"
              buttonTitle={domain}
            />
          );
        })}
      </div>

Если я визуализирую этот код, он возвращает что-то вроде этого (https://drive.google.com/file/d/1XqxRQ6bUTSQqZTJVqbv-c9Rs4hXy01J2/view?usp=sharing)

первый элемент на карте получает другую ориентацию, когда я использую гибкость или сетку.

Я не понимаю, что я здесь делаю не так. если я вручную визуализирую несколько раз, он отображается правильно

Answer 1

Ребята извините за позднее обновление. но я обнаружил, что это какая-то проблема с параметром вертикального пространства в CSS попутного ветра.

      class= "space-y-6"

что-то похожее на это. если вы используете это, попробуйте удалить это. или найти обходной путь, он должен работать.