CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there's a significant learning curve. In this tutorial, we'll build a mental model for how CSS Grid works and how we can use it effectively. I'll share the biggest 💡 lightbulb moments I've had in my own learning journey.
It’s basically an online book on grid-css that takes a while to read through in it’s entirety, but after doing it a few times you’ll understand grid on a deeper level.
Once you understand the layout, you can quickly find what you’re looking for. The rough rules for the site are:
Content lives is accordions, hide what you don’t want to see.
This is a great resources for css-grid newbies, but for a single page reference with all the info I need, I rely on: https://css-tricks.com/snippets/css/complete-guide-grid/
It’s basically an online book on grid-css that takes a while to read through in it’s entirety, but after doing it a few times you’ll understand grid on a deeper level.
Once you understand the layout, you can quickly find what you’re looking for. The rough rules for the site are: