Interview with Rachel Andrew

on YouTube ↗14m

" summary

Compares legacy CSS hacks to Flexbox and CSS Grid and shows why Grid actually reduces common layout work by giving elements real relationships rather than faking them with floats and positioning. Notes Grid is large but conceptually simple, currently usable in Chrome behind toggle experimental web platform features, visible in Firefox and WebKit nightlies and with old Edge/IE implementations; warns that subgrid keyword missing risks authors flattening markup and causing accessibility problems; points to hands‑on examples at grid-by-example.com.

AI-written summary · about

" chapters (9)

1. 0:00CSS layout training intro
2. 1:23Legacy CSS limits
3. 2:25CSS Grid simplifies layout
4. 3:27First steps in CSS Grid
5. 5:13Browser support timelines
6. 6:38Subgrid for accessibility
7. 8:25Modern CSS accessibility
8. 10:12Why learn modern CSS
9. 13:17Team collaboration closing

" related talks

• 29mStart Using CSS Grid Layout TodayRachel Andrew · Render Conference 2017
• 32mThe Dark Side of the GridManuel Matuzović · FrontEnd Con 2018
• 30mStart Using CSS Grid Layout TodayRachel Andrew · RuhrJS 2017
• 45mCSS Grid - What is this Magic?!Amy Kapernick · NDC London 2019
• 32mCSS Grids: the Near Future of LayoutMassimo Artizzu · CSS Day 2017
• 42mSmartWeb 2016 - Rachel AndrewRachel Andrew · SmartWeb 2016
• 01h 02mStart Using CSS Grid Layout TodayRachel Andrew · Frontend United 2017
• 47mCSS Grid - What is this Magic?!Amy Kapernick · Build Stuff 2022