CSS Scroll Snap Points

Hey, in this video we're going to work with scroll snap points in CSS on sections.
Files - github.com/WebDevPie/CSS-Scro...
Instagram: / webdevpie
GitHub: github.com/WebDevPie/
#scroll #snappoints #css #webdevelopment

[@ikhlasulkamal5245]

Nice explanation

[@astrit]

Snap is definitely not being used as much as it should be. Great tutorial 👍

[@JvstAstra]

can u do this for horizontal

[@Wolfgam]

Thanks

[@rayyanabdulwajid7681]

is there a method to do this by clicking on arrows and hiding the scroll bar?

[@HaraldEngels]

How do you deal with double vertical scrollbars? These appear when the element is already producing a scrollbar. That could happen, when you have a header and footer next to the snap-scroll parent container.

[@NO_LIMITSZ]

Make a overflow y : hidden

[@acrrrr]

How can I do that with a slower transition between sections?

[@acrrrr]

And with a transition between colors, like fade

[@mistlovesstars]

@@acrrrr js

[@godnyx117]

Great tutorial! But people, please stop doing: ``` display: flex; justify-content: center; align-items: center; ``` while you can do the much nicer: ``` display: grid; place-content: center; ```

[@marwanak10]

Grid isn't always the way to go. Sometimes Flexbox is more suitable. Guy, please stop doing: telling people what to do.

[@maevwat]

grid is great but it cant be used with items that adjust to screen size width eg: a bunch of cards that adjust to parent width

[@godnyx117]

@@marwanak10 My comment was meant to be used when someone ONLY wants to center something.

[@godnyx117]

@@maevwat Thank you for the information!