Today I am going to start my series teaching CSS from beginner to advanced. In this topic I will cover all the position properties in CSS. Position static, relative, absolute, fixed and sticky. Learn to position elements like a pro! Quick notes: ▪ Position static: Is the default position for HTML elements, will not effect anything. ▪ Position relative: Takes its initial position and can be translated from there on. ▪Position absolute: By default it is positioned relative to its closest ancestor (usually the body tag). If you define position relative on a parent element then it is going to be positioned in that context. ▪ Position fixed: Rips out the element from the document and fixes it to the viewport. ▪ Position sticky: Switched between position static and fixed. -~-~~-~~~-~~-~- Follow my Twitter: Please watch: "Should You Become A Software Engineer?" -~-~~-~~~-~~-~-