Skip to content Study Group #6: Using CSS Grid Today! [Silver Lake]

Photo of
Hosted By
Lara S. Study Group #6: Using CSS Grid Today! [Silver Lake]


It's time for the sixth edition of the Study Group, this time back at Open Listings in their new office in Silver Lake!

Our theme tonight is ... CSS Grid! ⚡️ It's ready...are you ready?

Our wonderful presenter tonight is Scott Gruber! Here's a bit about Scott's presentation:

At long last after 25 years we finally have a CSS Layout system that lets us use a grid to achieve true page layout. The latest stat on shows global usage of CSS Grid is 87.25%. In this demo we’ll cover CSS Grid properties, feature queries and fall backs to support older browsers. We’ll demo how to use Firefox Dev Tools to help visualize a grid and play with several code pens using CSS Grid to code familiar layouts and to format a portion of page such as gallery of images or people.

Scott ( is a designer and developer building an ethical design practice grounded in accessibility, performance and aesthetics. He has twenty-years experience using digital tools to create across a wide-range of media. He works at the UCLA Institute of the Environment and Sustainability and is using CSS Grid Layout in production on academic websites today.


6:30 - 7:15ish – Arrive and have some food!
7:15 - 7:45ish – Scott tells us about using CSS Grid today
7:45ish - 9:00 – Break into pairs and learn CSS Grid, solve some Grid challenges, or request a demo about whatever you like.
9:00ish – Bye! Have a safe trip home :)

If you aren't able to make it, keep an eye on our collaborative notes here:

Lastly, don't forget to sign up for our mailing list @

What to bring:

• Your laptop and charger (or you can always share with someone else and pair program)
• Pen/paper for notes, if that’s your style
• Your curiosity and excitement for CSS, learning, teaching, and coding with new friends!
• Hunger! Our gracious host, Open Listings (, will provide us food as well a choice of beverages. Note that there will be veggie/vegan/gluten-free options.

Free CSS Resources:

• Layout Land by Jen Simmons (
• CSS-Tricks - Just Starting Out (
• Mozilla - CSS Basics (
• CSS: The Definitive Guide - (
• CSS Grid Course from Wes Bos (
• CSSConf talk recordings:
• Australia:
• Europe:
• Resilient Web Design by Jeremy Kieth (
• Also available as a podcast (
• A Book Apart – short, wonderful books about web design topics! (


*** All attendees at Learn Teach Code events are expected to abide by the Girl Develop It Code of Conduct:

*** Want extra coding help? Join the Learn Teach Code room on Slack (and ask about the channel!):

*** Want to get more involved? We always need more help! You can help with or host a study group, provide mentorship, or volunteer for other fun stuff. Let us know on Slack or in person!

2000 Hyperion Ave · Los Angeles, ca