DEV Community

Discussion on: Experimental Solution For "Container Query" Font Sizing

Collapse
 
chriskirknielsen profile image
Christopher Kirk-Nielsen

This is pretty cool! I definitely appreciate the extensive "cons" list. Thank you for sharing this!

BTW, I'd like to point out not a mistake, but a minor simplification. We can drop the calc() wrapper in a clamp() value, so we'd end up with:

  font-size: 
    clamp(
      var(--min), 
      0.05px * var(--card-width), 
      var(--max)
    );
Enter fullscreen mode Exit fullscreen mode
Collapse
 
5t3ph profile image
Stephanie Eckles

๐Ÿคฏ Welllll dang! I totally missed that for clamp(), that's super awesome! Thanks for mentioning it!