Scroll-padding property is set on the container, so that the snap position of child elements is offset by a distance from the container.
In this case, snap position is set to start in y direction, so the element in focus should snap into place at the very top of the container. But instead, because of the scroll-padding value, the element in focus is offset by 20px padding from the container.