MinMax in CSS Grid — 3/3 Flexibility

We can define tracks in CSS Grid using `minmax`. What does that mean and how can we best combine it with other ways of measuring space? Jen presents the beginnings of Intrinsic Web Design here, showing how this new technology provides multiple stages of flexibility and gets us even further away from ideas of 'pixel perfect'.

Demos:

[alexkail]

20+ year software development veteran here. I’m learning so much from your videos. Thanks for sharing!!!

[hexvictor]

I love how you make me fall in love with web design even when everything makes me hate it <3
Thank you =]

[nayaktricksgaming]

You explained everything in such an easy way that no one else can understand, please make more videos because the web-development community needs people like you to help please make more videos on web development thanks.

[Christopher-ubcx]

Your super intelligent, evolutionary approach to web design is so inspiring. I'm not a "just learn the basics" sort of person, and your channel is exactly what I needed to deep dive into css to MY standards. Thank you so much! More than that, your beautiful, badass layouts have had an expansive effect on my idea of what web d&d can be. <3

[HashimWarren]

I never thought about having a responsive display collapse that way. Mind bending

[webfletcher]

Every word that comes out of her mouth is pure GOLD !

[MarkusEicher]

And again, happy I have not missed this. Thank you Jen! 🙏

[davidluhr]

Being able to use minmax with character units is amazing. It's often hard to control reading line lengths and always feels wrong to eyeball it with media queries/font-size.

[CharlyBGood]

Your videos are a must see for all of us that are trying to reinforcing concepts. Txs again!

[imguimoreira]

I finally could understand what's the deal with minimax. Thank you :)

[patrickcole]

Really nice to hear someone advocating for flexible design and not the "pixel perfect" mentality. Keep up the great content!

[catwhisperer]

You coined it, the flexibility model. This hopefully will serve to finally debunk the notion of pixel perfect design and implementation in regard to web design and implementation. It really never translated over to the web well in the first place. Thanks again for sharing your insight and passion. You're awesome.

[randymwebdev]

What... MinMax with character count?? That is going to be amazing. I already can see using that on your <main> content area. Typography minded people mount up!

[iotanboservice]

Thanks for the very useful content and minimal amount of ads.

[edwassermann]

I love the way you make me think about the possibilities to design for the web.

[russell.bishop]

Nailed it! I love the interesting grid you created too, always enough here to get you thinking about your next layout..

[fabianponten]

Great video! Very clear and easy to follow 🙂

[carolinafranco]

I discovered this channel recently and i love it!

[jcespinoza]

@Layout Land Thanks so much for this series! I loved it!

[YohannParis]

This is perfect timing, this method will work perfectly for what I need to do. Love it.