Jump to content
About me. Writings. Community. Resources.
Search In
  • More options...
Find results that contain...
Find results in...

min(), max(), and clamp() are CSS magic!


Started by -  |  Views: 79 | Comments: 0   

CSS has come a long way, but min(), max(), and clamp() make a lot of things a lot easier than they used to be, and really open up the world of responsive typography like we never had before! Clamp() is the ingredient that we've needed for a long time to really be able to make type fully responsive in our CSS, and to be able to do it on one line is absolute magic!




User Feedback

  • Similar Content

    • Jimi Wikman
      Block, Inline, and Inline-Block explained | CSS Tutorial
      By ©Jimi Wikman
      Understaning how block, inline, and inline-block each behave is very important when learning CSS, as well as knowing why you might want to switch the display property of an element every now and then.
    • Jimi Wikman
      The one CSS combinator I use in every project
      By ©Jimi Wikman
      While all the combinators are useful from time to time, but the adjacent sibling selector is easily the one I use the most often. It has a several really good uses, a few of which I'll be diving into in this video!
    • Jimi Wikman
      Build a responsive card - HTML and CSS tutorial
      By ©Jimi Wikman
      In this video we look at how to make a fully responsive card with HTML and CSS, with a big helping hand from flexbox!
    • Jimi Wikman
      Complex CSS Backgrounds with a Single Property!?
      By ©Jimi Wikman
      Today, we're going to check out some crazy CSS backgrounds you can create while harnessing the power of repeating linear (or radial) gradients. This affect gives you the ability to create very complex and interesting backgrounds for your projects.
    • Jimi Wikman
      SVG Animation With Text Tutorial | HTML CSS
      By ©Jimi Wikman
      Today we are going to create an SVG animation using stroke dash array and stroke dash offset to create some really cool effects.
      We only need HTML and CSS for this effect. You can create the shapes and texts with Figma, Adobe XD or Adobe Illustrator.
      Let me know if you want to see more complex SVG animations with tools like bodymoving/lottie.
      Try to get creative and apply the path animations to different kinds of texts, shapes,etc.
×
×
  • Create New...