CSS Grid Расширение блока для каждых .horizontal и .vertical
Нужно использованием чистых html И css, расширить блок в одну из сторон, в зависимости от класса. Например
.vertical - расширение блока на 1 деление сетки вниз
.horizontal - расширение блока на 1 деление сетки вправо
по скрину, чтобы фото с дорогой .horizontal расширялось вправо. а фото с одуванчиком .vertical расширялось вниз
Ответы (1 шт):
Автор решения: DarkRou
→ Ссылка
Нашел решение.
Чтобы расширить блок вертикально .vertical я использовал grid-row-end: span 2;
Чтобы расширить блок горизонтально .horizontal я использовал grid-column-end: span 2;