Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

CSS Grid - What is this Magic?

NDC Conferences via YouTube

Overview

Explore the revolutionary world of CSS Grid in this comprehensive 58-minute conference talk by Amy Kapernick at NDC Conferences. Dive into the game-changing aspects of this new CSS specification and its impact on software development across multiple platforms. Learn how CSS Grid simplifies front-end layout creation with just a few lines of code, enabling dynamic and responsive designs. Discover key concepts such as FR units, grid templates, display contents, and subgrid. Compare CSS Grid with Flexbox, and understand how to implement advanced features like justify items, autofill, minmax, and grid gap. Gain insights into browser support, the future of CSS Grid, and best practices for implementation. By the end of this talk, master the magic of CSS Grid to streamline your front-end development process and create innovative, efficient layouts for your applications.

Syllabus

Introduction
What is CSS Grid
FR Unit
Grid Template
Display Contents
Display Contents Bug
CSS SubGrid
Flexbox vs Grid
Grid vs Flexbox
justify items
width
autofill
minmax
gridgap
browser support
supports query
Grid template areas
CSS Grid 20
CSS Grid Support
CSS Grid Maintenance
Conclusion
Resources
Questions

Taught by

NDC Conferences

Reviews

Start your review of CSS Grid - What is this Magic?

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.