Resource 1

W3C offers a great guide to CSS grid layouts with example code, changes, references, and useful indexes. Here you can navigate through a massive index of how to format your layout with great explanations for coding methods. The W3 website is an excellent resource as they maintain their site exceptionally well and are always going to follow guidelines.

Resource 2

web.dev is a great site for learning how to use display: grid;. They cover terminology, placement, and code very well. They also offer podcasts to help you learn code which is great for audio learners. This site is easy to navigate and has a great flow to it.

Resource 3

CSS Grid Garden is a fun way to do some hands-pn learning for CSS Grid. Here you can play though levels to learn different grid properties. This is a great way for visual learners to learn the fundmentals of grid and play around. There are 28 levels with different challenges you will need to code to solve.

Summary

There are many resources availiable for all different learning styles to be able to learn grid. From interactive to literature you are sure to find a way to become a grid expert in no time.