Learn to build Carousel using pure CSS

[@shvideo1]

It would be nice if you shared your styles so we can replicate this. Also the horizontal scrollbar is a big NO in UI design. I also do my very best not to define "width" and "height" properties. They get you into trouble when you try to make this responsive for all devices. Still researching for a decent solution for a multi-item carousel. Thank you for the video and some great features.

[@LightslicerGP]

In replacement you can use rem or vw, so it stays the same ratio of image size to screen width. (not height because we can scroll on any device)

[@rayyanabdulwajid7681]

U can hide scroll bar. just google how to do it

[@SILVERFANG77]

looks like he wont share the file. Maybe he dont want to share with people for free. much like gatekeeping the learning stuff

[@nezmustafa4271]

How do you get rid of the scrollbar at the bottom? Thanks.

[@CarbonRiderOnline]

Set the overflow-x property for container to hidden.

[@nilupulperera]

Thank you very much. Really useful interesting tutorial. Can you set this to run "Auto"?

[@CarbonRiderOnline]

You will require to add JS code for that.

[@enogensu9555]

You’re awesome man, thanks so much 🙏🏾✨✨

[@shraddhagupta6727]

how can i get full code of css

[@CarbonRiderOnline]

Sorry, I was not much active on the channel lately. I will share the code on Github soon.

[@suyashdhumal3]

There is no need of scroll-snap, scroll-behaviour: smooth; is enough

[@CarbonRiderOnline]

scroll-snap was introduced to support the scrollbars. In my example, scollbars are visible and hence I had to mention that property. But if we hide that, you are right, the scroll-behaviour is enough.

[@suyashdhumal3]

​@@CarbonRiderOnline What do you mean???? Scroll-snap isn't even REQUIRED for scrollbars. overflow: scroll; does the whole thing... Scroll-snap was introduced way after the overflow property. Scroll-snap is only used for controlled scrolling of the website to show users what they are supposed to look at.