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.
![](../../../../wp-content/uploads/2020/03/intro-2-800x460.png)
The
calc()
CSS function will have a base14px
value, and it will add2vw
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
An excerpt from CSS Viewport Units95px
, which a huge value. To prevent that, we should use media queries at certain breakpoints and change thefont-size
.