@media query is the part where people hate about writing frontend code. If you already know about min() and max() functions then you might know how they helped to write @media queries.

Although min() and max() function can have more than one value, it’s hard for us to keep track which variables will be called on which condition. So on combining both min() and max() function comes clamp() function.

p{
    font-size: clamp(2rem, 5vw, 8rem); // (min, normal, max)
}

See more at https://smazee.com/blog/awesome-css-pseudo-class-and-functions

#css #clamp #scss #sass #css3