Learn the key concepts and amazing possibilities of CSS Grid for web layout. The course covers basics, responsive design, graphic design, whitespace utilization, flexibility, and common mistakes. Students will gain skills in creating layouts, utilizing CSS Grid properties, and combining Flexbox with CSS Grid. The teaching method includes demos, practical examples, and comparisons between Flexbox and CSS Grid. This course is intended for web developers and designers looking to enhance their layout skills using CSS Grid.
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
