262: CSS Grid with Rachel Andrew and Jen Simmons

01:17:17   Download

Grid is getting a ton of support in modern browsers and so we’ve got a couple of grid experts in Jen Simmons and Rachel Andrew on to help us navigate the grid – what is it? When can we use it? How do flexbox and grid play together? What about Bootstrap?


  • 7:00 What is grid? And what does it mean?
  • 16:30 What’s the mobile story for grid?
  • 22:30 What is grid and why should someone be excited about it?
  • 27:40 What about all that extra CSS with grid?
  • 36:10 What’s autofill?
  • 47:40 How do flexbox and grid play together?
  • 1:01:02 When should you use something like Bootstrap?


ShopTalk Show Cardinal Sins Committed

  • Dave has a fake Swiss accent.

Sponsor: Rollbar 46:08

One of the frustrating things about being a developer, is dealing with errors. 😥

  • Relying on users to report errors
  • Digging thru log files trying to debug issues
  • Or a million alerts flooding your inbox ruining your day

Rollbar’s full-stack error monitoring, gives you the context, insights and control you need to find and fix bugs faster. Rollbar works with all major languages & frameworks. It’s easy to install. Start tracking errors in 8 mins.

❤ by engineers at Heroku, Twilio, Kayak, Zendesk, Twitch & more.

Go to rollbar.com/shoptalkshow

Job Mention

  • Jörn Zander

    I loved Daves swiss accent – good job. Awesome show, lots of inspiration.

    But I still miss the soundboard. I really do.

  • David Hicken

    I disagree; websites should look the same with the same size viewport regardless of browser. Stating the contrary sounds like the developer is just being lazy. That would be like saying “it’s ok if our logo has completely different colors on a printed ad vs our product packaging”, which seems nuts to me. Screen size should make a difference, but not the browser.

    On a phone a site would look different than a desktop/laptop, which may look different from a tablet, or even a small size browser window on the desktop … and even then, only because they have a different amount of real estate to work with. But on the same size viewport, it should look the same regardless of browser.

    Why? People learn what a site looks like, but if they use a different browser (same size), and suddenly the site looks different, that sets off warning bells. “Did they change something?”, “Am I in the wrong place?”, “Is some sort of man-in-the-middle attack happening?”, “Is the site is messed up on this computer?”, etc. People do expect something different when they look at the same site on different sized devices because we’ve trained them to expect that, but not when they use Chrome, then view the same site with Firefox.

  • Sten

    People dont believe you because ur a woman? Really?