У меня есть специальный макет сетки CSS, основанный на полностью квадратных прямоугольниках сетки, которые определены следующим образом:
grid-template-columns: repeat(5, minmax(200px, 20vw));
grid-auto-rows: minmax(200px, 20vw);
grid-template-areas:
"branding nav nav . meta"
". title title featured-image ."
". primary primary featured-image ."
". secondary secondary featured-image ."
". footer footer . .";
Проблема в том, что мне нужно иметь область содержимого в этой сетке, которая является гибкой.По умолчанию он охватывает 2 столбца и 2 строки.Область содержимого выделена красным:
Я хотел бы, чтобы макет позволял охватывать область содержимого, например, 2 столбца и 4строки например.В основном 2-n строк в зависимости от содержимого.
Есть ли какой-нибудь умный способ сделать это?