CSS Position Tutorial | Learn CSS For Beginners

hello guys welcome back 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! these are the five properties ▪ 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. Take my written papers explained in video https://drive.google.com/drive/folders/1CK3vEAv6Mk7ZZBGspUMUdQsUPsjSPYai?usp=sharing have a look at the code once okay? https://codepen.io/srikanth970/pen/rNmaXQy Concepts Covered: - All five CSS positions - How absolute position interacts with the other positions - How to use top/right/left/bottom to position elements - How the document flow works - When to use relative position guys please support me if you found this video useful give it a like consider subscribing and share it with your friends don't forget to hit that bell icon #CSSPosition #CSS #WebDevelopment