@poroshok_uhodi

Как добиться одинакового размера карточек?

Всем привет!) У меня возникла проблема при создании карточек. Я создаю список из 8ми элементов, у крайних правых убираю margin-rigth, у последнего убираю margin-right и margin-bottom. Проблема заключается в том, что если я задаю строгую высоту, все карточки ровные, но при переполнении карточки текст вылезает за нижний край(скрин 1 и 2).
60fd8e8347541559227097.jpeg
60fd8e8c04843867856914.jpeg
А если задаю минимальную высоту(чтобы карточки растягивались) то последняя карточка увеличивается с учётом отсутствующего маргина(скрин 3 и 4).
60fd8e973b2a4333819811.jpeg
60fd8e9ee6479756344601.jpeg
Не подскажите как правильно сверстать, что бы карточки выдерживали переполнение и по размерам были одинаковые?
И может у кого то есть полезные ссылки на уроке по вёрстке карточек с помощью flexbox?
  • Вопрос задан
  • 51 просмотр
Пригласить эксперта
Ответы на вопрос 1
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
Не используйте margin. Для отступов между элементами есть свойство gap. Работает как с flex так и grid
Ответ написан
Ваш ответ на вопрос

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

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