{"id":183,"date":"2019-03-04T05:14:16","date_gmt":"2019-03-04T05:14:16","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=183"},"modified":"2019-08-19T19:33:36","modified_gmt":"2019-08-19T19:33:36","slug":"flexbox-is-magic","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2019\/03\/04\/flexbox-is-magic\/","title":{"rendered":"Flexbox is Magic"},"content":{"rendered":"\n<p>This week was chalk full of information that my little OCD mind found to be so fun! I&#8217;m not going to lie, it&#8217;s a lot. Oh, so useful though!<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>I&#8217;ve experienced the whole adjustments with margins and padding to get things in a nice row or column, but then, you&#8217;re never guaranteed how a browser will distribute those measurements. In Safari, a box could be just a little off alignment with a photo, whereas in Firefox, it&#8217;s too short. That would drive me mad!<\/p>\n\n\n\n<p>Then I&#8217;ve tinkered with floating and though there are good uses for it &#8211; quite easier than margin and padding utilization -it can also get complicated when there&#8217;s an even easier way to organize things.<\/p>\n\n\n\n<p>Flexbox is truly magic. We have done so much this week with all the conceptual ways it can be utilized. There&#8217;s obvious stuff to remember, but the really fun, cool, and different ways to place photos or a layout requires even more knowledge of Flexbox properties and capabilities. Its not something I can do immediately. Right now, I think I&#8217;m still trying to get the hang of it and the ways you have to tell it to do what you want. <\/p>\n\n\n\n<p>I personally hope we get more time with Flexbox that require continued practice with when its appropriate to flex-start, and content-justify, and the small nuances and specifics of item placement using Flexbox. Practice makes perfect and I would love to be more familiar with Flexbox because I want to be using it a lot for design. <\/p>\n\n\n\n<p>Positioning is something else we learned this week. Whether it&#8217;s because we learned that early on in the week or whether because it&#8217;s easier to understand, I&#8217;m not sure, but somehow I believe that it makes sense and I&#8217;ve been able to get a decent grasp on how to use it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week was chalk full of information that my little OCD mind found to be so fun! I&#8217;m not going to lie, it&#8217;s a lot. Oh, so useful though!<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[79],"tags":[23,22,24,27,26,28],"class_list":["post-183","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp19","tag-css-layout","tag-flexbox","tag-floating","tag-layout","tag-organizing","tag-positioning"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/183","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\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=183"}],"version-history":[{"count":1,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/183\/revisions"}],"predecessor-version":[{"id":184,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/183\/revisions\/184"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}