{"id":1589,"date":"2023-10-03T20:01:43","date_gmt":"2023-10-03T20:01:43","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=1589"},"modified":"2023-10-03T20:09:58","modified_gmt":"2023-10-03T20:09:58","slug":"wk-5-6-flexbox-grid-layouts-still-good","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2023\/10\/03\/wk-5-6-flexbox-grid-layouts-still-good\/","title":{"rendered":"Wk 5-6: Flexbox &amp; Grid Layouts (Still Good)"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"672\" height=\"240\" src=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2023\/10\/image.png\" alt=\"\" class=\"wp-image-1590\" srcset=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2023\/10\/image.png 672w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2023\/10\/image-300x107.png 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Layouts! I remember these being the most intimidating part of Intro to Web Design for me. I felt like I didn&#8217;t actually know what I was doing and was just jury-rigging my code to get it to look the way I wanted. This time around, I&#8217;m feeling a lot better. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p>It&#8217;s really interesting how few lines of code are needed to make some complex layouts. I was kind of shocked when the Bakery Site needed like, two lines of code for everything to line up the way they were supposed to. <\/p>\n\n\n\n<p>I&#8217;m curious how important it is as web designers to be proficient in all these different layouts. Is anyone using floats anymore? Are there situations where it is inarguably better to use floats than Flexbox? I&#8217;m sure it wouldn&#8217;t hurt to be familiar with all of them. Another thing I&#8217;m curious about is what type of layout coding is used for websites created using drag-and-drop site creation programs, like Figma and Wix. Would their code even be recognizable to someone at my level of coding knowledge, I wonder?<\/p>\n\n\n\n<p>I&#8217;m hoping I get the chance to do a bunch of exercises with Flexbox and Grids to really cement my knowledge, ideally with a live preview. That always seems to help me. If not, I&#8217;m pretty comfortable with just using the trial-and-error approach to getting things to look the way I want. One nice thing about web design so far has been how easy it is to find online guides to do whatever you want, it makes the field feel more inviting.  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Layouts! I remember these being the most intimidating part of Intro to Web Design for me. I felt like I didn&#8217;t actually know what I was doing and was just jury-rigging my code to get it to look the way I wanted. This time around, I&#8217;m feeling a lot better.<\/p>\n","protected":false},"author":74,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[230],"tags":[],"class_list":["post-1589","post","type-post","status-publish","format-standard","hentry","category-aad-086-fa23"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1589","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\/74"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=1589"}],"version-history":[{"count":3,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1589\/revisions"}],"predecessor-version":[{"id":1593,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1589\/revisions\/1593"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=1589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=1589"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=1589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}