Checkout my Getting Started with React video course on Skillshare. It is 100% free.

Fun games to learn CSS Grid and Flexbox

You may know that I like video games. Never been a gamer, but after all, I've started to code because of games.

I have discovered 3 funny games that aim to teach how to use the CSS Grid Layout and Flexbox.

The first two are focused on my favorite, the CSS Grid: cssgridgarden.com and gridcritters.com.

And the third one is aimed to flexbox, the flexboxfroggy.com.

The games can help a lot to teach and strengthen the basic concepts of CSS Grid and Flexbox. But, you will need to put them into practice. So get yourself a nice code editor and start messing around!

For example try to replicate the login page of sites like https://www.facebook.com/, https://www.instagram.com/. Or whatever site you like the most and it's simple enough to replicate.