Задать вопрос
Sergiy_Hanzhela
@Sergiy_Hanzhela
Начинающий разработчик!

Как онулить отступпы у последних элементов в flex контейнере?

Доброго время суток!
Есть flex container в нём карточки в каждой линии их по 4 штуки нужно обнулить margin-bottom для последних элементов, если конечное количество элементов фиксировано то как бы все понятно, а вот как быть если в последнем ряду может быть 1 или 2 или 3 или 4 карточки предполагалось использовать nth-child и nth-last-child
сейчас когда в шаблоне фиксированное количество 8 использую
.advantages-item:not(:nth-last-child(-n+4)) {
    margin-bottom: 23px;
}

но при добавление еще одной, двух или трёх карточек вёрстка плывет!
Заранее благодарен!
  • Вопрос задан
  • 505 просмотров
Подписаться 1 Простой 5 комментариев
Решения вопроса 1
FeST1VaL
@FeST1VaL
Тихий
А если не боттом давать, а топ. Тогда вы можете убирать топ у первых 4.

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы