@olya095

Как сделать, чтобы кнопка всегда была на одном уровне?

вне зависимости от высоты картинок (на скриншоте показана линия, по которой нужно выровнять)

6169570fc9005496085524.jpeg

https://jsfiddle.net/wot2dnbp/
  • Вопрос задан
  • 94 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Уберите align-items: center у .panel__wrap
Картинку выравнивайте отдельно.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@andand44
align-items: flex-end поможет.
.panel__wrap {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin: 0 -10px;
}

А если нужно более аккуратно чтобы выглядело, то нужно .panel__image задать фиксированную высоту, а вложенному изображению добавить object-fit: cover;
https://jsfiddle.net/vfz4t52y/1/
Ответ написан
Комментировать
@ForSureN1
frontend dev
Можете задать flex-direction: column, и надписи дать margin-top: auto, надпись всегда будет прибита к низу
Ответ написан
Ваш ответ на вопрос

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

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