Explore the powerful capabilities of CSS Grid through a comprehensive video series spanning 2 hours and 30 minutes. Dive into key concepts, from basic principles to advanced techniques, and discover how CSS Grid revolutionizes web layout design. Master creating incredibly easy and responsive layouts, learn to emulate artistic styles like Mondrian, and unlock innovative approaches to graphic design. Understand the effective use of whitespace, overlapping elements, and flexibility in web design. Delve into content sizing, FR units, and MinMax functions to achieve optimal layouts. Compare CSS Grid with Flexbox, learn how to use them together, and avoid common mistakes. Gain practical skills to elevate your web design proficiency and create stunning, efficient layouts for modern websites.
Overview
Syllabus
Basics of CSS Grid: The Big Picture
Incredibly Easy Layouts with CSS Grid
Responsive Mondrian – a demo of CSS Grid
Innovative & Practical Graphic Design with CSS Grid
CSS Grid like you are Jan Tschichold
Whitespace on The Web! — with CSS Grid
Overlap on the Web, Graphic Design Made Easy with CSS Grid
Flexibility & The Fold – new possibilities with CSS Grid
Min & Max Content Sizing in CSS Grid — 1/3 Flexibility
FR Units in CSS Grid — 2/3 Flexibility
MinMax in CSS Grid — 3/3 Flexibility
Flexbox vs. CSS Grid — Which is Better?
Using Flexbox + CSS Grid Together: Easy Gallery Layout
Internet Explorer + CSS Grid????
9 Biggest Mistakes with CSS Grid
Taught by
Layout Land
