It's a long awaited CSS Grid show! How does it work? When do you use it? What's the difference between Grid and Flexbox?

Sponsor

Save A Bro is selling absolutely hilarious mustache t-shirts for $18 - all proceeds go to support the fight against prostate cancer. Use the coupon code "syntax" at checkout to get free shipping in the US. The Show Notes

Wes Bos AMA where he tricked Scott that Bert Bos was his dad

CSS Tricks A Complete Guide to Grid

Rachel Andrew

Rachel Andrew Twitter

Rachel's Grid by Example

Rachel's Grid AMA

CSS Grid Garden

The Story of CSS Grid, from Its Creators

Jen Simmons

Jen Simmons Twitter

Jen Simmons Labs

CSS Grid Pinterest / Masonry Layout Question

Wes' grid-auto-flow: dense; Experiment

grid-auto-flow: dense; Docs

caniuse CSS Grid Support - make sure to click the "Show All" button

"If someone thinks progressive enhancement means providing a crappy experience for older browsers then they’ve got a lot of reading to do." — Sara Soueidan

Benjamin De Cock - @bdc dropping tasty CSS Grid treats all day long on twitter.

CSS Grid Animation #1

CSS Grid Animation #2

David K Piano Twitter

Flipping

Slide Deck on FLIP

CSS Grid Template Area ASCII

Grid repeat()

Grid minmax()

CSS Grid nth-row()

CSS Sub-Grid

Sick Picks

• Scott: Just My Type

Wes: Sick Update on the Caldigit TS3 Dock

Tweet us your tasty treats!

• Wes Bos
• Scott Tolinski
• Make sure to include @SyntaxFM