Here is my codepen: https://codepen.io/mixolydia97/pen/KRbgZg
I’ve spent a really long time on this and I’ve gotten a bit stuck with the requirement that you should have buttons that scroll to the various parts of the website. My issue is that I would like the scroll buttons to scroll so that the nav doesn’t cover the top of whatever section was scrolled to. Currently I only have the “top” and “portfolio” scroll buttons working. The top button works fine because I can make the anchor fixed to the top of the page. The portfolio button doesn’t look as nice because, when it scrolls, it covers up part of my first project.
I tried to add a lot of padding or margins to the top of the portfolio but it made everything look too spaced-out. I also tried putting the anchor with id=“portfolio” at the end of the previous section but that didn’t really work either. I was wondering if there’s a way to do what I want with just HTML/CSS. I would appreciate any help and any critique of my portfolio so far. Thank you.