#grid { width: 80vw; height: 110vh; grid-template: "aaa.d" "....d" "bbb.d" "....d" "ccc.d"; grid-rows: 52% 4% 20% 4% 20%; grid-columns: 30% 5% 30% 5% 30%; } #region1 { grid-cell: a; } #region2 { grid-cell: b; } #boxA { grid-cell: c; } #region3 { grid-cell: d; } #region4 { width: 80vw; } #region2 { column-count: 2; } article { flow-into: article-flow; } #region1, #region2, #region3, #region4 { flow-from: article-flow; }