Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Nested Grid Subgrid Rhythm

Solution: Nested Grid Subgrid Rhythm

Let’s use CSS Subgrid to inherit a parent baseline grid and align nested text elements without margins.

We'll cover the following...

Problem description

You have a parent container with the class .layout that uses CSS Grid to create two columns and defines grid-auto-rows: var(--rhythm). Inside each grid cell is a .module element containing an <h3> and one or more <p> elements. Your ...