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.
📖 50 Javascript, React and NextJs Projects
Learn by doing with this FREE ebook! Not sure what to build? Dive in with 50 projects with project briefs and wireframes! Choose from 8 project categories and get started right away.
📖 50 Javascript, React and NextJs Projects
Learn by doing with this FREE ebook! Not sure what to build? Dive in with 50 projects with project briefs and wireframes! Choose from 8 project categories and get started right away.