Product Description

I think I understand the differences between absolute and relative positioning. And I make notes as I watch each video. Here are my notes.  Relative Positioning: Elements positioned relative are still in the normal document flow. They don't influence the layout of surrounding elements. (kk, got it)  Absolute Positioning: Elements positioned absolute are relative to its first parent that is positioned relative. (kk, got it)  If no parent element is positioned relative, then the browser viewport is the positioning context by default. (kk, got it)  Absolute positioning removes elements from the document flow. (kk, got it)  I grasp all of these facts. What I’m still unclear on is when exactly should I use relative positioning and when exactly should I use absolute? It seems absolute positioning just messes things up, and requires further adjustment, and it would be better to stick with relative positioning, flexboxes, floating & clear-fixing and the like.