Simple fluid text styles and spacing

Published 05.03.2019

Last updated 05.03.2019

I tried out an idea where you’d use the :root element to “zoom” the font-size property linearly between different break points and then all other elements would use rem for everything. Quite naive test at this point but it would be interesting to know what kind of problems this kind of an approach has on larger scale.

Try resizing the below pen between “mobile” and “desktop” widths to see the subtle effect.