Andy Bell • 1/16/2023

Line heights in CSS work better with ratios

This article argues against using fixed pixel values for CSS line-height, demonstrating how they break when font sizes change. It recommends using unitless ratios (e.g., line-height: 1.1) or relative units to maintain proportional spacing, especially with responsive techniques like fluid typography and clamp(). The post includes practical examples and a demo to illustrate the benefits of this approach for robust, user-friendly web design.

0 comments

#Frontend #css #responsive design