{"id":145,"date":"2019-02-24T21:37:27","date_gmt":"2019-02-24T21:37:27","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=145"},"modified":"2019-08-19T19:33:37","modified_gmt":"2019-08-19T19:33:37","slug":"week-4-go-flexbox","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2019\/02\/24\/week-4-go-flexbox\/","title":{"rendered":"Week 4, Go Flexbox!"},"content":{"rendered":"\n<p>After spending a lot of time trying to make the coffeeshop website look right with floats, I thought it would take a long time to make it look the same with flexbox. I was wrong&#8230;<\/p>\n\n\n\n<!--more-->\n\n\n\n<p><br>I was shocked when the professor said it would take about 5 minutes! It took so many CSS commands to make the float work, but it only took a few to make the flexbox work.  At least it seemed that way to me.  I also learned that float is great for wrapping text around an image. However, for making a better layout of text and images in an ordered and well organized layout, it is better to use flexbox.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2019\/02\/Screenshot-61-1024x576.png\" alt=\"\" class=\"wp-image-146\" srcset=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2019\/02\/Screenshot-61-1024x576.png 1024w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2019\/02\/Screenshot-61-300x169.png 300w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2019\/02\/Screenshot-61-768x432.png 768w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2019\/02\/Screenshot-61-1200x675.png 1200w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2019\/02\/Screenshot-61.png 1366w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2019\/02\/Screenshot-62-1024x576.png\" alt=\"\" class=\"wp-image-147\" srcset=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2019\/02\/Screenshot-62-1024x576.png 1024w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2019\/02\/Screenshot-62-300x169.png 300w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2019\/02\/Screenshot-62-768x432.png 768w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2019\/02\/Screenshot-62-1200x675.png 1200w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2019\/02\/Screenshot-62.png 1366w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>After spending a lot of time trying to make the coffeeshop website look right with floats, I thought it would take a long time to make it look the same with flexbox. I was wrong&#8230;<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[79],"tags":[4],"class_list":["post-145","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp19","tag-css"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/145","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=145"}],"version-history":[{"count":2,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/145\/revisions"}],"predecessor-version":[{"id":150,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/145\/revisions\/150"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=145"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}