clamp() code example
Example 1: padding clamp
padding: clamp(0.5vw, 1.5vw, 2vw);
Example 2: clamp margin
margin: clamp(0.5vw, 1.5vw, 2vw);
Example 3: css clamp
width: clamp(400px, 60vw, 600px);
div {
font-size: clamp(1.1rem, 0.7153rem + 1.6368vw, 1.5rem);
}
.logo {
width: clamp(350px, 75%, 800px);
}
And the font’s CSS is:
.title {
font-size: clamp(1.5rem, 5vw, 4rem);
}