**Here's my example:**
Hello! In this assignment, I demonstrate how Positioning works in CSS. But why is it important? The position property specifies the type of positioning method used for an element: static, relative, absolute, fixed, or sticky. Below each are defined about what they mean and do.
- Static: Elements render in order, as they appear in the document flow.
- Absolute: The element is positioned relative to its first positioned (not static) ancestor element.
- Fixed: The element is positioned relative to the browser window.
- Relative: The element is positioned relative to its normal position.
- Sticky: The element is positioned based on the user's scroll position A sticky element toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it sticks in place.
- Initial: Sets this property to its default value.
- Inherit: Inherits this property from its parent element.