CSS Viewport Units

Avatar of Chris Coyier
Chris Coyier on

UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today.

Deep dive from Ahmad. I like the coverage of vmin and vmax, which I think I don’t reach for as often as I should.

I’m thinking that if you are doing something highly directional (e.g. a full bleed trick), then directly using vw is necessary. On the other hand, if you’re doing a calculation where the goal is to generally factor in viewport size (like fluid margins/gaps or fluid type) that using vmin might be more appropriate. For example, if a user has a browser window that is currently quite wide, but very short, they probably don’t need massive header text like a vw-only calculation might come up with.

Direct Link →