CSS Grid

CSS Grid Resource 1

The last weeks review we looked at CSS tricks website to learn about flexbox. We turn to them again for their complete guide to using the CSS Grid formating. Again they are a great resource to have bookmarked for their wealth of information contained on their website. The contain visuals showing you hat to set up gridlines and placements as well as another poster for you to use as a quick reference guide.

Learn More

CSS Grid Resource 2

MDN Web Docs is always a great go-to for getting all the information needed. It has additional links allowing you to deeper dive into all of Grids properties, functions, and data types. The include great examples and further guides on using numbered grid lines and things like auto formating.

Learn More

CSS Grid Resource 3

This week I am including another youtube creator who I reference a lot when looking for more examples. Traversy Media. Brad gives great examples and often follows with code-along projects that help you get experience in putting the properties into action. He can be a bit mono-toned and sometimes moves a little fast, but I still feel he is very thourough in his explanations.

Watch Here

Summary

As with all learnings we currently are in an age where there is so many additional resources out there for us to use. Sometimes it is not the learning that is difficult, but the overwhelming amount of teaching styles that can get us mixed up. Grid was a hard concept for me to grasp with the numbering styles, but it makes design layout so versative you cannot help but to add it to your tool arsenal.