Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Baseline Grid Builder

Problem: Baseline Grid Builder

Try to use CSS custom properties to align text elements to a 1rem baseline grid by syncing line-height and margins for consistent vertical rhythm.

We'll cover the following...

Problem description

You have a simple HTML document containing multiple headings ( h1, h2) and paragraphs (p). Your task is to define a CSS custom property for a 1rem ...