Scroll snapping

How do I implement scroll snapping?
I asked copilot and the first part of what it says seems inapplicable:

  • You need to apply the scroll-snap-type CSS property to the parent container that holds your sections (usually a div). This property dictates how the child elements (sections) should behave while scrolling.

But the sections can’t be held by a div as far as I know. So how do I apply the scroll-snap-type CSS property to the page or to whatever is holding the sections behind the scenes?