As I recall my interactions with Flexbox last semester, I remember a lot of feelings of confusion and intimidation. I understand that the objective is relatively simple, yet I could not ever understand the appropriate times to use each rule.
When do I use flex-flow? When do I use align-items? What is justify-content? How many can I use together?
Me
I’m sure we’ve all seen the css-tricks website and the helpful guides they’ve provided learners like us:
While super helpful for a visual learner like me, I often find myself learning best from experience (aka trying it for myself over and over again). I didn’t want to pity myself this semester for not being good at Flexbox while not trying everything possible to try and become better at it, so I thought of what I could do to supplement my learning. I have the entire internet at my fingertips to try and help me learn. I thought- what better way to learn than to play games? Games were the reason I even figured out how to operate a computer at age 2 .
With that, I decided to start playing Flexbox games. Admittedly, these games are addicting and fun. So far, I’ve completed two entire games devoted to Flexbox and I am feeling much more comfortable with my understanding of how things work. I was so proud of myself for actually completing every level that I took screenshots to show my mom. Maybe I’ll put them on the fridge.
All of this to say: if you are feeling down about your skills, try finding a fun way to work on them! Click here to play Flexbox Defense. Click here to play Flexbox froggy. Enjoy!
I love that picture! Flexbox Froggy is also a really fun way to practice flexbox. Thank you for sharing! 🙂