Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

designАвтор: Пуск‑Медиа (импорт)Просмотры: 3

align-self: выравнивание одной карточки в grid-ряду

start, end, stretch — когда CTA прижать к низу.

Изображение статьи: align-self: выравнивание одной карточки в grid-ряду

В grid с align-items: stretch отдельная карточка может задать align-self: start — не растягиваться по высоте соседа с длинным текстом.

Для выравнивания CTA внизу карточки используйте внутренний flex с margin-top: auto или subgrid.

- [align-self — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) — В Grid и Flex.

---

## Паттерн

Равная высота карточек каталога — align-items: stretch + flex column внутри, не align-self на каждой.

#CSS#grid#карточки

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.