Sub Grid

πŸ‘¨β€πŸ’Ό Let the parent grid define grid rows, so we can later align the content section with the logo tiles.

Logo tiles as subgrid

🐨 For the logo tiles, Defer the grid rows to the parent grid with subgrid.
🐨 Span the grid across 6 rows, to maintain the previous grid layout.
πŸ’° You can define grid-template-rows as a subgrid with grid-rows-subgrid.
πŸ’° You can span an element across multiple rows with the row-span-* utilities.

Please set the playground first

Access Denied

You must login or register for the workshop to view and run the tests.

Check out this video to see how the test tab works.