Practice, practice, practice . . . all products of quality are cultivated through time and practice. This week we learned about the different methods of positioning content, via floats, Flexbox, absolute, relative, and fixed positioning. <\/p>\n\n\n\n\n\n\n\n
Our assigned reading of “Getting Started with CSS Layout<\/a>” proved exceptionally helpful. There were some topics not covered in class, such as the ‘position: sticky;’ property-value pair in CSS. The article also went more in-depth on Flexbox, explaining some properties like “flex-direction” and the “flex-grow,” “flex-shrink,” and “flex-basis.” Furthermore, the author introduced the Grid Layout method of aligning content, for Flexbox is good for laying content on an axis, but not a grid, so this is where the Grid comes into play. For anyone interested in learning more about Grid Layout, the author recommends “Grid by Example<\/a>,” and “Using CSS Grid: Supporting Browsers Without Grid<\/a>.”<\/p>\n\n\n\n In addition to our assigned reading, we worked on the 9 Flexbox challenges for homework. The homework introduced properties such as “justify-content,” “flex-wrap,” and the pseudo-class “:nth-child.”<\/p>\n","protected":false},"excerpt":{"rendered":" Practice, practice, practice . . . all products of quality are cultivated through time and practice. This week we learned about the different methods of positioning content, via floats, Flexbox, absolute, relative, and fixed positioning.<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[79],"tags":[],"class_list":["post-174","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp19"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/174","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=174"}],"version-history":[{"count":1,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/174\/revisions"}],"predecessor-version":[{"id":175,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/174\/revisions\/175"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}