This website contains affiliate links.
The new CSS Grid module make it very easy to create website layouts and as it is now supported by all browsers, it is a must know for all front-end developers.Here I am going to show you 4 free resources where you can get started with CSS Grid.
If you don’t have much time and you want get a grasp of the basic concepts of how Grid works, look no more because Scrimba provides a short, interactive tutorial covering all the basics features in just one hour. I suggest this as your first approach to this new module if you don’t have much time, otherwise if you can afford to spend 4 hours, scroll down as I have you covered with what I think it’s the best tutorial out there.
I don’t have to introduce you who is Wes Bos but if you are completely new to this world, he is one of the most popular online course instructors. I have personally taken 3 of his courses and I have always thoroughly satisfied with the quality of his content. In this 4 hours free (yes, free!) course you will go over all the cool features of CSS Grid, going more in depth compared to the previous course. In addition to that, the course includes a bunch of videos showcasing small real projects where you could make use of this new feature.
Not everybody likes to watch videos or maybe you just need to quickly refresh one or two things. Mozilla and CSS Tricks both provide quick guides including all the CSS Grid features. Both are very good, so it is up to you which one you prefer, CSS Tricks provides the guide in a single page while Mozilla separates each feature in different pages.
Thank you very much for reading, if you enjoyed this article, please share it with friends and colleagues and if there is a topic you would like me to cover, reach out to me on twitter at @montalesi. Follow me on DevTo or on Twitter for more.