@Dpy3b

Почему у меня происходит flex-wrap на 2-ух колонках при ширине колонок 33.333%?

https://dpy3b.github.io/Sportmarket/app/
Слайдер на Swiper.js "Популярные товары"
P.S. У этого товарища https://tony3901.github.io/logo/ код абсолютно такой же как у меня но колонки ведут себя адекватно, я смотрю в этот и свой код уже неделю и не могу понять в чём проблема

UPD. у меня в глобальном файле стилей с "настройками" было прописано
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}


Заменил на просто
*,
*::before,
*::after {
  box-sizing: border-box;
}

и колонки сразу встали как надо.
Хотя для слайдера прописано
._swiper>div {
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    display: flex;
    position: relative
}

Почему в первом случае колонки не вставали как нужно, а теперь встали?

UPD.2 уже запушил фикс проблемы, можете не открывать ссылку
  • Вопрос задан
  • 133 просмотра
Решения вопроса 1
@Everybody_Lies
.items-products__column задайте box-sizing: border-box
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы