Как это сверстать без применения табличной вёрстки?

Как сделать так, чтобы всё, после название блюда, отображалось на одном уровне, без применения табличной вёрстки?
5d594774331b8518440451.png
Чтобы было по структуре было вот так:
5d5949aa60e1a327857684.png
  • Вопрос задан
  • 2651 просмотр
Решения вопроса 2
profesor08
@profesor08
Контейнеру задать display: flex; flex-direction: column;
Для текста задать margin-top: auto;
В результате между названием и текстом будет пустое пространство.
Ответ написан
y0u
@y0u
dev
  • Добавить фиксированную высоту заголовку
  • Если есть jQuery на проекте - использовать плагин jquery.matchHeight.js
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
vitaly44
@vitaly44
Предприниматель, веб-разработчик, дизайнер
сделайте вёрстку таблицей на css.

на мобиле адаптив линейных, на 786 + уже таблица...
Ответ написан
Комментировать
Swch
@Swch
Padavan in front-end
Я думаю это можно и удобно верстать на флекс-боксах
Ответ написан
Ваш ответ на вопрос

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

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