The 4 best FREE Resources to Learn CSS Grid in 2019

The 4 best FREE Resources to Learn CSS Grid in 2019
Check out my Github for my free-to-read JavaScript Ebook that covers all the new features from ES6 to 2019. If you want find a great place for interactive tutorials, i recommend Educative ( Disclaimer: the link it's affiliate ) where I'm currently finishing to build my JavaScript course.

What is CSS GRID

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.  

The shortest: Scrimba

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.  

educative banner

The most complete: Wes Bos

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.  

The one you can bring everywhere: Mozilla and CSS Tricks

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. Follow me on DevTo or on Twitter for more.

complete guide to modern javascript alberto montalesi ebook bannerGet my ebook on Amazon and Leanpub
Disclaimer: this website opts in affiliate programs for certain products



author alberto montalesi profile picture

Alberto is a software developer specialized in building enterpise software using Angular and author of the 'Complete guide to Modern JavaScript' ebook and course. In his free time he writes articles and tutorials on and

You can read more about him here