Scroll snapping/div spacing when scrolling
Firstly I'm trying to have it so that when I'm scrolling down, it smoothly snaps into each project on the way down (is that even possible?)
Secondly, how the heck do you space out your projects/divs when scrolling? right now I have margin-bottom: 500px which I absolutely hate, and it still doesn't solve how close my first project is to my icons at the top, nor does it solve how small my last project is due to the footer also taking up space.
codepen:
https://codepen.io/Laing91/pen/VwgrOZV
git repo:
https://github.com/callum-laing/sv-portfolio/tree/main
site demo:
https://cdl.netlify.app/
Secondly, how the heck do you space out your projects/divs when scrolling? right now I have margin-bottom: 500px which I absolutely hate, and it still doesn't solve how close my first project is to my icons at the top, nor does it solve how small my last project is due to the footer also taking up space.
codepen:
https://codepen.io/Laing91/pen/VwgrOZV
git repo:
https://github.com/callum-laing/sv-portfolio/tree/main
site demo:
https://cdl.netlify.app/
GitHub
built in sveltekit. Contribute to callum-laing/sv-portfolio development by creating an account on GitHub.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
