All About CSS Grid
Syntax - Tasty Web Development Treats
Wes Bos
4.9 • 1.1K Ratings
🗓️ 8 November 2017
⏱️ 65 minutes
🧾️ Download transcript
Summary
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
Transcript
Click on a timestamp to play from that location
| 0:00.0 | You're listening to Syntax, the podcast with the tastiest web development treats out there. |
| 0:06.0 | Strap yourself in and get ready. |
| 0:08.0 | Here is Scott Tolinsky and West Boss. |
| 0:10.6 | Welcome everybody. |
| 0:11.6 | I hope you're ready for some tasty treats today. We're going to be talking |
| 0:14.7 | all about CSS grid, the new layout, the new addition to CSS that allows us to lay out websites |
| 0:20.8 | in crazy ways and unfathomable ways. |
| 0:24.7 | I'm really, really excited about it. |
| 0:26.8 | Today's episode is sponsored by SaveAbro.com. |
| 0:31.1 | So happy November, and this is a savor bro. What they're doing is they're selling |
| 0:38.1 | t-shirts to raise money for prostate cancer and as you know in November what people do |
| 0:44.7 | is they either don't shave or they grow a huge mustache. |
| 0:48.0 | And if you go to Save A Bro.com |
| 0:50.1 | and pick up one of these t-shirts, There's one hilarious one that says let it grow bro and then there's another |
| 0:56.7 | one that says grow a mow save a bro and all of the proceeds are going to be going to fight against prostate cancer. |
| 1:04.4 | So we'll talk a little bit more about the c-shirts part way through, |
| 1:07.7 | but go head on over to save a bro.com. |
| 1:10.7 | Hello Scott, how you doing today? |
| 1:12.3 | Hey, I'm doing super good, it's starting to get a little chilly. |
| 1:16.0 | Ready to head out into the mountains pretty soon, maybe try to get a shred sesh in this week or so? |
| 1:22.0 | Sesh. Yeah. |
| 1:23.0 | So is there already snow on the mountains? |
... |
Please login to see the full transcript.
Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.
Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.
Copyright © Tapesearch 2025.