CSS Grid
Offered By: YouTube
Course Description
Overview
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.
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
Related Courses
Advanced CSS ConceptsMicrosoft via edX Тонкости верстки
Moscow Institute of Physics and Technology via Coursera CSS - The Complete Guide 2024 (incl. Flexbox, Grid & Sass)
Udemy Build Responsive Real-World Websites with HTML and CSS
Udemy HTML5 & CSS3 Build: Two Responsive Websites in Hindi
Udemy