Media queries are great for changing values in sudden snaps at different screen sizes. But, combining the power of
calc() and viewport units like
vh , we can get an awful lot of fluidity across our layouts. For this we'll use a technique called linear interpolation.
Linear interpolation is a formula used to find a value between two points on a line. In our case those two points are CSS values, like font-sizes, margins or widths, that we want to interpolate between over a set of viewport widths.
The reason we might want to interpolate between values over a set of viewport widths is to avoid having to create multiple breakpoints to control the flow of our content when the viewport changes. Instead, we let the user's browser calculate, according to our instructions, what values it gets. Let me explain.
... read the whole story at css-tricks.com.