Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Fluid Paragraph Line-Height

Solution: Fluid Paragraph Line-Height

Let’s implement fluid line-height for paragraph text that scales smoothly between minimum and maximum values based on viewport width.

We'll cover the following...

Problem description

Given a paragraph element (<p>), write CSS rules to:

  1. Define CSS custom properties --min-line-height (2) and --max-line-height (3.2). ...