Bifalgorithm post

"This is how you make your font size adapt to any screen size with just one line of CSS. Here is a heading with a fixed font size of 48 pixels. It looks fine on a large screen, but resized the browser and the font stays exactly the same. It never adapts. On a small screen, it is too big. On a huge screen, it is too small. Now replace it with Clamp. Clamp takes three values. The first is the minimum, the smallest the font will ever get. Here it is, 24 pixels. The second is the preferred value, how the font scales between the minimum and maximum. Here it is 5VW, which means 5% of the viewport width. The third is the maximum, the largest the font will ever get. Here it is 64 pixels. Now resize the browser. The font scales smoothly between 24 pixels and 64 pixels. On a small screen, it never goes below 24 pixels. above 64 pixels and no media queries were needed. Save this."

"This is how you make your font size adapt to any screen size with just one line of CSS. Here is a heading with a fixed font size of 48 pixels. It looks fine o…