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