CSS Grid在内容溢出时跨越更多行？

Question

我有一个特殊的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行。

有什么聪明的方法吗？