CSS Viewport Units

A great round up of what CSS Viewport Units can offer you along with a whole bunch of useful examples on how and when to implement them.

The calc() CSS function will have a base 14px value, and it will add 2vw to it. With that in hand, the font-size value won’t become too small.

Another important thing to consider is how the font size will behave on large screens, for example, a 27” iMac. What will happen? Well, you guessed it. The font size went to around 95px, which a huge value. To prevent that, we should use media queries at certain breakpoints and change the font-size.

An excerpt from CSS Viewport Units

View original article