
Css notes
# Advanced-Positioning
position: relative;
# “Relative positioning” moves elements around relative to where they would normally appear in the static flow of the page. 
# This is useful for nudging boxes around when the default flow is just a little bit off.
position: absolute;
# “Absolute positioning” is just like relative positioning, 
# but the offset is relative to the entire browser window instead of the original position of the element. 
position: fixed;
# “Fixed positioning” has a lot in common with absolute positioning: it’s very manual, 
# the element is removed from the normal flow of the page, and the coordinate system 
# is relative to the entire browser window. The key difference is that fixed elements 
# don’t scroll with the rest of the page.