⚡️ FEDC 2018 - Tim Smith

on YouTube ↗15m

" summary

Uses CSS Grid in production since August 2017 and reports it replaces many float hacks and awkward flexbox workarounds by handling true two‑dimensional layouts, letting teams write less CSS. Example: a CMS built with a main grid plus subgrids to separate content and field layouts, with per‑cell layouts solved via a Grid + Flex combo. Recommends resources like Grid by Example and Firefox devtools; nesting works and shipped to users.

AI-written summary · about

" chapters (7)

1. 0:00Introduction and welcome
2. 0:49Speaker introduction
3. 3:01About CSS Grid talk
4. 4:05Why CSS Grid is amazing
5. 7:14Combining layout methods
6. 8:17Learning CSS Grid
7. 12:25Advanced CSS Grid use

" related talks

• 31mHow to use CSS grid today in the real worldBrenda Storer · CSSConf AU 2018
• 30mStart Using CSS Grid Layout TodayRachel Andrew · RuhrJS 2017
• 48mStart Using CSS Grid Layout TodayRachel Andrew · DevFest Nantes 2017
• 29mStart Using CSS Grid Layout TodayRachel Andrew · Render Conference 2017
• 31mSolving layout problems with CSS Grid and friendsRachel Andrew · Mirror Conf 2017
• 01h 02mStart Using CSS Grid Layout TodayRachel Andrew · Frontend United 2017
• 18mRefactoring with CSS GridOliver Williams · CSSconf EU 2018
• 58mCSS Grid - What is this Magic?!Amy Kapernick · NDC Oslo 2019