In today’s episode of !important, we’ll be looking at how the team behind basecamp.com uses CSS Grid in production. Specifically, we explore the details behind one way of implemented CSS Grid Layout.

Links:
• Basecamp
• !important Twitter
• Google Trends CSS Grid
• Can I Use CSS Grid?
• Previous Basecamp !important episode
–
Jen Simmons:
• Layout Land
• CSS Grid and Flexbox
• Personal website
–
Rachel Andrew:
• Grid By Example
• Personal website
–
• Firefox
• Other versions of Firefox
• CSS Grid inspector
• Mozilla CSS Grid introduction
• Progressive enhancement
• grid-column
• grid-column negative line number
• display: grid
• grid-template-columns
• repeat()
• fr unit

Thumbnail image by Ganapathy Kumar on Unsplash