Explore the power of CSS Grid Layout in this comprehensive 56-minute conference talk by Rachel Andrew at Devoxx. Learn the fundamentals of Grid, including terminology, line-based layout, and naming conventions for grid lines and areas. Discover how to create flexible and multiple column grids, implement responsive designs, and utilize the Box Alignment Module. Gain practical knowledge through examples on grid item placement, nesting, and subgrid functionality. Master modern web layout techniques that don't rely on document source order and can easily adapt to different screen sizes using media queries.
Overview
Syllabus
Introduction
Why use CSS for layout
Terminology
Linebased layout
Grid lines
Naming Grid lines
Naming Grid areas
Flexible Grids
Multiple Column Grids
Grid Layout
Grid Item Placement
Responsive Layout
Box Alignment Module
Con
Nesting
SubGrid
Taught by
Devoxx
