Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Equal Height Subgrid Layout

Problem: Equal Height Subgrid Layout

Try to create a multi-level grid layout with consistent row heights by using CSS subgrid to inherit row sizing from the parent grid.

We'll cover the following...

Problem description

A parent .parent-grid defines two columns and multiple rows of equal height. Each cell contains a .child-grid that should align its ...