Search⌘ K

Fluid Paragraph Line-Height

Discover how to enhance paragraph readability by applying a fluid line-height that adjusts between defined minimum and maximum values using CSS variables and clamp. This lesson teaches you to use external stylesheets without JavaScript, supporting responsive design across modern browsers through practical CSS techniques.

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). ...