Содержимое сетки CSS не помещается в ячейку вертикально - PullRequest
0 голосов
/ 02 ноября 2018

Так что у меня возникли некоторые проблемы с моим макетом с использованием Css Grid. Вот CodePen моего текущего макета:

https://codepen.io/jbeaudoin11/pen/zMOGGd

Моя цель - иметь glitch-card с динамической высотой / шириной и соответствовать ячейке content. Он работает как брелок по горизонтали, полоса прокрутки отображается на карте container. Но я не могу заставить его работать вертикально.

В моем CodePen вы можете видеть голубую границу, представляющую, где она должна поместиться (должна остановиться в нижней части окна), но это не так, и content переполняет окно.

1 Ответ

0 голосов
/ 02 ноября 2018

Я полагаю, что добавление этих строк в вашу карточку сбоев делает свое дело

display: inline-grid;
overflow: hidden;

Проверьте CodePen: https://codepen.io/remigioamc/pen/xQKZWq

...