Get the Balance Right: Responsive Display Text
3 Comments
Comments are ordered by helpfulness, as indicated by you. Help us pick out the gems and discourage asshattery by voting on notable comments.
Got something to add? You can leave a comment below.
Nicolas Chevallier
Ralph
Good stuff! I knew the calc() trick with vw due to an article on Smashing Magazine and use it wherever I can, but I was never really sure what vmin and vmax does, so now I know :)
Elliot Geno
There is a much easier way to do fluid layouts that maintain aspect ratio with this technique. Put a font size of 1vw on the html tag. Use rems for every unit throughout the rest of your page. You can even easily write a px 2 rem mixin to help you calc from pixels.
These font units are really interesting, so thank you for the article that helps to apprehend their uses.