Smooth scroll to section on the same page

The community members are discussing how to create a smooth scroll to a section on the same page when a link is set to one of the buttons in the hero. The initial response suggests it's "super easy", and the community members provide various solutions, including adding html { scroll-behavior: smooth; } or applying it to the body tag. However, some community members express confusion on where to add the HTML. After some back-and-forth, the final solution is to add an ID to the target element at the top of the page, then create a link at the bottom of the page that links to the target ID, and add the <style>html { scroll-behavior: smooth; }</style> to the HTML. This solution is confirmed to work perfectly.