You would think learning would be fun. But it turns out<\/p>\n\n\n\n\n\n\n\n
sometimes it’s just a massive, head splitting, torture session. But studies have shown that if the student continues to try, and fail, then try again, that sometimes they will eventually figure it out. <\/p>\n\n\n\n
This week in this students adventures, she’s almost learned how to do flexbox and grid. It’s still a joke when put together but getting closer with each try. But luckily there is couple of months until the end of the semester!<\/p>\n\n\n\n
Flexbox<\/strong> (Flexible Box Layout) is a CSS layout model designed for arranging items in a one-dimensional space\u2014either row-wise or column-wise<\/strong>. It provides efficient alignment, spacing, and distribution of elements, making it ideal for dynamic, flexible UI designs<\/strong>. Common properties include Grid<\/strong> (CSS Grid Layout) is a powerful two-dimensional layout system<\/strong> that allows web designers to define rows and columns explicitly. It provides precise control<\/strong> over placement and alignment, making it ideal for complex layouts<\/strong>. Common properties include Flexbox is best for linear, flexible layouts<\/strong>, while Grid is ideal for structured, grid-based layouts<\/strong>.<\/p>\n\n\n\n <\/p>\n","protected":false},"excerpt":{"rendered":" You would think learning would be fun. But it turns out<\/p>\n","protected":false},"author":96,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[240],"tags":[4,23,22,18],"class_list":["post-1912","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp25","tag-css","tag-css-layout","tag-flexbox","tag-web-design"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1912","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\/96"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=1912"}],"version-history":[{"count":1,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1912\/revisions"}],"predecessor-version":[{"id":1913,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1912\/revisions\/1913"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=1912"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=1912"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=1912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}justify-content<\/code>, align-items<\/code>, and flex-wrap<\/code>.<\/p>\n\n\n\ngrid-template-columns<\/code>, grid-template-rows<\/code>, and gap<\/code>.<\/p>\n\n\n\n