Warning: Some posts on this platform may contain adult material intended for mature audiences only. Viewer discretion is advised. By clicking ‘Continue’, you confirm that you are 18 years or older and consent to viewing explicit content.
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: