Сделать элементы столбца сетки растянутыми в пространстве равномерно - PullRequest
0 голосов
/ 20 февраля 2019

Я слышал, что grid - это расширенный набор flexbox с точки зрения четности функций, то есть все, что возможно с flexbox, также возможно с grid.

По сути, мне нужно иметь grid для 2 viewportразмеры следующие:

a s
b s
c s
d d

a s
b s
c s
d s

И во втором случае объявление будет вести себя как flex-столбец с:

align-self: stretch;
justify-content: space-evenly;

Поскольку содержание s выше.

В настоящее время это реализовано с двумя уровнями вложенности: строка объявления и s.А реклама это флекс-колонка.Наряду с этим мне нужно перемещаться с помощью JavaScript.И именно поэтому я ищу другое решение.

Итак, в настоящее время макет выглядит следующим образом: codepen , но я хочу, чтобы последний абзац с меньшими размерами области просмотра выпрыгнул из статьи ивзять полную ширину.Если вам интересно, зачем мне нужны еще более редкие абзацы, все в порядке, содержимое в aside также изменяется в зависимости от размера области просмотра.

...