Can someone explain to me how clamp() works?
and how can it be used for responsive fluid text
9 Replies
https://youtu.be/VsNAuGkCpQU?t=411 [ 3 modern CSS techniques for responsive design ] - Kevin Powell
Kevin Powell
YouTube
3 modern CSS techniques for responsive design
My free course, Conquering Responsive Layouts: https://courses.kevinpowell.co/conquering-responsive-layouts
A look at how we can use CSS comparison functions min(), max(), and clamp() for responsive layout techniques, plus a look at Utopia, a fluid type scale that we can use in our projects!
🔗 Links
✅ Utopia Fluid Type Scale: https://utopi...
TimeStamped for clamp font
https://developer.mozilla.org/en-US/docs/Web/CSS/clamp
Basically clamp takes 3 numbers. It uses the middle number as the desired value. It won’t be smaller then the first value or larger then the third value.
yay
also, why does an image spill out of a container even with padding on the container set?
Sounds like a new question!
well i dont think its necessary to create a whole new thread... unless?
you can also search past posts for your answer, or yes make a new post. The whole point is to keep things isolated to the question in the post topic