CSS Clamp

PHOTO EMBED

Thu Dec 08 2022 12:05:43 GMT+0000 (Coordinated Universal Time)

Saved by @Sebhart #typography #css #fluid

.banner {
  width: clamp(200px, 50% + 20px, 800px); /* Yes, you can do math inside clamp()! */
}
content_copyCOPY

Minimum/Maximum

https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/