{"id":1212,"date":"2022-03-08T07:56:42","date_gmt":"2022-03-08T07:56:42","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=1212"},"modified":"2022-03-08T17:18:39","modified_gmt":"2022-03-08T17:18:39","slug":"cannot-flex-my-flexbox-skills-yet","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2022\/03\/08\/cannot-flex-my-flexbox-skills-yet\/","title":{"rendered":"Cannot flex my flex(box) skills yet"},"content":{"rendered":"\n

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.<\/p>\n\n\n\n\n\n\n\n

When do I use flex-flow? When do I use align-items? What is justify-content? How many can I use together?<\/p>Me<\/cite><\/blockquote><\/figure>\n\n\n\n

I’m sure we’ve all seen the css-tricks website and the helpful guides they’ve provided learners like us:<\/p>\n\n\n\n

\"the<\/figure><\/div>\n\n\n\n

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 .<\/p>\n\n\n\n

\"\"
#girlswhocode (jk)<\/figcaption><\/figure><\/div>\n\n\n\n

<\/p>\n\n\n\n

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.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n

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.<\/a> Click here to play Flexbox froggy.<\/a> Enjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"

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.<\/p>\n","protected":false},"author":62,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[178],"tags":[],"class_list":["post-1212","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp22"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=1212"}],"version-history":[{"count":2,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1212\/revisions"}],"predecessor-version":[{"id":1219,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1212\/revisions\/1219"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=1212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=1212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=1212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}