Core Code
Core Code Modern Dev Handbook

CSS clamp() Text Size

clamp() creates responsive typography with min, preferred, and max values.

Preview

Code

<style>
h2{
font-size:clamp(20px, 5vw, 40px);
}
</style>

<h2>Responsive Heading</h2>

More CSS Math Functions Examples (8)

example CSS calc() Basic open example example CSS calc() Height open example example CSS calc() Columns open example example CSS min() Function open example example CSS max() Function open example example calc() with Padding open example example Clamp Responsive Width open example example calc() Margin Center open example