Thinking of hanging a picture on the wall, I could hear the voices “Move it to the left” or “Move it to the right” or “move it to the above” and so on. During the design process, we sometimes need to put one element on a certain position. <\/p>\n\n\n\n\n\n\n\n
How to position the element is very tricky sometimes as we might need put a minus sign in front of a number. We’ve learned where we should put “relative” or “absolute” when positioning an element. My fatal typing mistake made the elements hanging there. <\/em>By the way, “Position: Fixed” is also a great thing to learn. I really like this feature.<\/p>\n\n\n\n To align block elements with Floats rather than Flex, it is very complicated. Flex make things easier. I need to practice more with “justify-content” and “display: column” and so on. Wish to learn more about Flex properties including “Flex-shrink” and “Flex grow” etc. <\/p>\n","protected":false},"excerpt":{"rendered":" Thinking of hanging a picture on the wall, I could hear the voices “Move it to the left” or “Move it to the right” or “move it to the above” and so on. During the design process, we sometimes need to put one element on a certain position.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[79],"tags":[30,19,20,28,29],"class_list":["post-194","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp19","tag-absolute-fixed","tag-flex","tag-float","tag-positioning","tag-relative"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/194","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":4,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/194\/revisions"}],"predecessor-version":[{"id":199,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/194\/revisions\/199"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}