CSS Position Tutorial | Learn CSS For Beginners

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:
twitter.com/DevEd94

Please watch: "Should You Become A Software Engineer?"
youtube.com/watch?v=V_kTl0eIJ4A


-~-~~-~~~-~~-~-