All About CSS Grid

Syntax - Tasty Web Development Treats

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