我听说网格在功能奇偶性方面是flexbox的超集，即flexbox可以实现的一切，网格也可以实现。
基本上，我需要为2个视口尺寸设置网格，如下所示：
a s
b s
c s
d d
a s
b s
c s
d s
在第二种情况下，a-d的行为类似于flex-column：
align-self: stretch;
justify-content: space-evenly;
因为s的内容更高。
目前，这是通过两个嵌套级别实现的：行a-d和s。而a-d是flex-column。但最重要的是，我需要使用JavaScript进行移动。这就是为什么我正在寻求其他解决方案的原因。
因此，当前的布局如下：codepen，但我希望较小视口大小的最后一段跳出文章并采用全宽。如果您想知道为什么我什至需要稀疏的段落，也没关系，aside中的内容也会根据视口大小进行更改。