Become an AI & ML Engineer with Cal Poly EPaCE — IBM-Certified Training
Learn AI, Data Science & Business — Earn Certificates That Get You Hired
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
Explore DevTools features that demystify CSS and empower web developers to experiment with new techniques in this 43-minute JSConf talk. Dive into content-based sizing, flexbox, free-space distribution, and flex-based sizing. Learn to leverage the Grid Inspector for flexible sizing and CSS Grid implementations. Understand the nuances of MinMax, Auto, and their interactions in various scenarios. Examine real-world examples that demonstrate how these concepts apply to practical web development challenges. Gain insights into making CSS less intimidating and more accessible for both novice and experienced developers.
Syllabus
Intro
Contentbased sizing
Flexbox
Freespace distribution
Flexbased sizing
Grid Inspector
Flexible Sizing
CSS Grid
CSS Fr
MinMax
MinMax vs Auto
MinMax shrinks
MinMax shrinks together
MaxMax shrinks together
MaxMax continues to grow
MaxMax stops growing
Blue stops growing
Real world examples
Taught by
JSConf