Задать вопрос
@deasmont
html

Как адаптивно выровнять контент в блоках одной высоты?

Всем привет. Есть два блока одной высоты, но я не могу понять как сделать "пробел" равный высоте контента первого блока именно после тега p, то есть по сути мне нужно просто прибить кнопку внизу с учетом отступов внутри блока, но с адаптивностью беда. Помогите решить
5afb4ab7d02f0871132359.jpeg
  • Вопрос задан
  • 204 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@boga-net
https://jsfiddle.net/7sxftanL/9/
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 2
Odisseya
@Odisseya
Оптимизирую PageSpeed & Performance
Кнопка должна быть флекс-элементом, задайте ей margin-top: auto; т.о. кнопка оттолкнется сверху на доступную высоту. Блоки будут одинаковой высоты при условии, что флекс-контейнеру задано выравнивание (вдоль поперечной оси) stretch.
Ответ написан
2 комментария
2 комментария
UnluckySerivelha
@UnluckySerivelha
Контейнеру 
display: flex;
flex-direction: column;


кнопке:
margin-top: auto;

пример
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
В wordpress подключить модуль по рассрочке (документацию дам)
23 апр. 2024, в 20:43
4500 руб./за проект
Поддержка сайта на Ларавель (laravel)
23 апр. 2024, в 20:36
1000 руб./в час
Восстановить доступ к аккаунту gmail
23 апр. 2024, в 20:32
6000 руб./за проект
Ещё заказы