Product Landing Page - Click elements

I’ve completed the Product Landing Page and passed all the tests.

The only problem I have is figuring a way to position the paragraphs when their corresponding nav links are clicked.

When the nav links are clicked, the corresponding paragraphs scroll to the top of the page and are hidden behind the header. I’ve set the header to position: fixed and z-index: 1.

When clicked, I’d like the corresponding paragraph to scroll to just below the bottom edge of the header element.

Any suggestions?

https://www.caktusgroup.com/blog/2017/10/23/css-tip-fixed-headers-and-section-anchors/

Here are a few more different techniques.

This along with your first response are precisely what I was seeking.

Big help.

Thanks

Thank you. This is a big help