I just found this fun website called Codepip where you can learn how to code by playing games. They have games that will teach you HTML, CSS, and JavaScript.
You can sign up for a free account and play Grid Garden and Flexbox Froggy for free.
Grid Garden teaches you how to use CSS grid. I have never used these CSS attributes before, so it was a lot of fun to learn something new.
Flexbox Froggy teaches you how to use CSS Flexbox. This game introduces the fundamentals of using CSS flexbox to position elements on a webpage. I have never used these attributes either, so it is a bit challenging.
Once you complete these two games and got the fundamentals down, you may want to think about upgrading to a pro account and take your skills to the next level. There are plenty of new games covering many more topics.
Have fun and enjoy learning how to code! You can also follow me on Codepip to check on my progress.
Grid Garden – Learn CSS Grid
Flexbox Froggy – CSS Flexbox