Задать вопрос
raselgit
@raselgit
Веб-дизайнер
css

Как с помощью Grid заставить блоки в колонке расположиться по своей высоте?

У меня есть блок, в котором находятся две колонки, сделанные с помощью Grid.
5b71ac4e63968042399043.png
grid-template-areas:
	'coffee tea'
	'coffee choco';

Как сделать так, чтобы блоки tea и choco занимали не всю оставшуюся высоту, а по по своему содержанию? Вот так:
5b71ace8757be535176266.png
  • Вопрос задан
  • 215 просмотров
1 комментарий
Подписаться 1 Средний 1 комментарий
Пригласить эксперта
Ответы на вопрос 1
abaddon65
@abaddon65
Не много не понимаю почему бы вам не обернуть "чай" и "шоколад" в div, чтобы получилось, что-то вроде этого:
демочка
Правые блоки будут по высоте контента, а левый будет всегда тянуться за ними, если вдруг их суммарная высота превысит его.
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработка VST-плагина
19 апр. 2024, в 20:43
20000 руб./за проект
Нарисовать баннер для интернет-магазина
19 апр. 2024, в 20:35
500 руб./в час
Разработать несистемный алерт
19 апр. 2024, в 20:11
500 руб./за проект
Ещё заказы