Why isn't my sticky element sticking when I scroll down the page?

Example Concept: The CSS "position: sticky" property allows an element to stick to a defined position within its container when scrolling. For it to work, the element must have a top, bottom, left, or right offset defined, and its container must have a height that allows scrolling. If the container's height is less than the viewport, the sticky element won't have space to "stick" during scrolling.