{"id":1906,"date":"2025-03-09T23:35:26","date_gmt":"2025-03-09T23:35:26","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=1906"},"modified":"2025-03-09T23:35:26","modified_gmt":"2025-03-09T23:35:26","slug":"week-5-6-layout-techniques","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2025\/03\/09\/week-5-6-layout-techniques\/","title":{"rendered":"Week 5 &amp; 6 Layout Techniques"},"content":{"rendered":"\n<p>These last two weeks have been a challenge! I had never even heard of grid, positioning, or floats, until this course. This is all very new and a bit overwhelming, but I am determined to understand it to the best of my abilities. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p>In the AAD 85 course that I took, flexbox was only mentioned briefly and at surface level at the end of the course. Positioning, grid, and floats are all completely new to me. I am having a hard time really grasping the concept of positioning, it confuses me quite a bit. <\/p>\n\n\n\n<p>However, I feel like I am getting somewhere with grid. I understand the concept, where and when it could be useful, but I have a <em>really <\/em>hard time doing it on my own. I can see the correct code, understand it, and repeat it myself, but doing it on my own with no guidance is tough. I feel like I never know where to start, but if I&#8217;m given a hint I can eventually get there. That&#8217;s why I appreciated the <a href=\"https:\/\/sierra.instructure.com\/courses\/374232\/modules\/items\/10283552\">\u00a0Introduction to CSS Grid &amp; Grid Challenges<\/a> assignment. It was helpful to have the answers, not to copy from, but to go to when I am absolutely stuck or don&#8217;t know where to start. I think this assignment definitely helped me better understand grid. <\/p>\n\n\n\n<p>My struggles with grid are probably what caused me difficulty in the Bakery Site Challenge. I figured everything out quick and easy until the last three articles. I could not, for the life of me, figure out how to get them to sit side by side like they were originally, without touching the HTML. I tried flexbox multiple times, and did my best trying to use grid with my limited knowledge and understanding, and it would not work for me. I ended up just adding two lines of HTML to solve the problem because I was completely stuck. I am looking forward to seeing the solution. Most often, the solutions are much simpler than I think they are, and I overthink my solutions too much causing me to get stuck.<\/p>\n\n\n\n<p>I am looking forward to seeing solutions for the assignments we completed, as well as move forward with the midterm project! I am excited to get feedback on my layout and continue working on it. I feel like I learned a lot this week with a lot of trial and error, can&#8217;t wait to see what&#8217;s waiting for us next week!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>These last two weeks have been a challenge! I had never even heard of grid, positioning, or floats, until this course. This is all very new and a bit overwhelming, but I am determined to understand it to the best of my abilities.<\/p>\n","protected":false},"author":98,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[240],"tags":[4,23,22,3,41,35,18],"class_list":["post-1906","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp25","tag-css","tag-css-layout","tag-flexbox","tag-html","tag-midterm","tag-responsive-design","tag-web-design"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1906","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\/98"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=1906"}],"version-history":[{"count":1,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1906\/revisions"}],"predecessor-version":[{"id":1907,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1906\/revisions\/1907"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=1906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=1906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=1906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}