Loading…
13
PSA: nested calc() with clamp() just saved my whole fluid type setup
I kept fighting a hero heading that blew up past 72px on my 4K monitor at the office in Austin. Tried media queries, tried vw units alone, both felt messy and broke at weird widths. Then I nested a clamp inside a calc for the root font size, like clamp(1rem, 0.9rem + 0.5vw, 1.4rem), and set everything else in rem. One line and the whole scale stays smooth from 320px to 3840px. Anyone else leaning on this over the old media query breakpoints?
1 comments
Log in to join the discussion
Log In1 Comment
uma_patel192d ago
Man, the 4K monitor struggle is real and I feel your pain on those weird widths.
4