Portfolio Pure CSS Scroll Snapping Tutorial

If you want to see more tutorial like this, make sure to SUBSCRIBE!
Here is a first of many tutorials for you guys on creating fancy and fun stuff for your personal portfolios // personal websites. All of these tutorials using plain CSS or a combination of CSS and JavaScript should make your websites be top of their game, professional, with great user experience!
JOIN MY DISCORD SERVER ► / discord
FOLLOW ME ON INSTAGRAM ► / developerfi. .
CHECK ME OUT ON GITHUB ► github.com/FilipGrebowski
INQUIRIES AND COLLABORATIONS ► [e-mail]
WATCH MORE OF MY VIDEOS ►
►Web Developer Reacts LATEST • Web Developer Reacts t...
► Perfect your Resume/CV • How to CREATE the PERF...
► I Built my DESK! • Building my Minimalist...
► Get Hired as a Software Developer • HOW TO get $100,000+ S...
► 6 Developer Life Hacks in 90 Seconds: • 6 SOFTWARE DEVELOPER L...
► Best Chrome Extensions for Developers: • BEST Chrome Extensions...
► Reacting to Incredible Personal Websites: • Web Developer Reacts t...
► FUN day in the life of a Developer: • FUN day in the life of...
MUSIC BY ► @epidemicsound
#developer #tutorial #webdev

[@developerfilip]

For anyone having trouble to make the SCSS work, and you are using Visual Studio Code, you need the "Live SASS Compiler" Plugin installed and turned on :) Have fun!

[@creedoo]

Also make sure the version is 5.x since the most downloaded one is outdated (3.x)

[@welikerosafloyd]

@@creedoo thanks for that info

[@bhargavmahajan696]

👍

[@topcringeandslander]

Thanks

[@jpwebdev8516]

Make Scss tutorial playlist plzz.

[@gabrielreliquias5253]

you are awesome!! I was looking for that for so long time

[@symamaisonsbois2281]

Brilliant! Thank you!

[@mattbaro909]

Fantastic, thank you!

[@sheerasai5948]

Thank you Filip 😊

[@michelefernandoloureiroros4366]

Amazing tutorial, thanks!

[@VidarrKerr]

AWESOME! Thank You!!!

[@goytu5493]

Awesome tutorial! *Definetly* will be using this!

[@ryaaan0751]

Thanks for this!

[@meixel]

THANK YOU SO MUCH

[@ConorBailey]

Awesome video mate! I just implemented this with JavaScript and this way is so much easier! Thanks for sharing!

[@mashodrana1485]

love this

[@kuzmicheff]

Great vid! Thanks for sharing!

[@prathameshjadhav2047]

Thanks a lot !!

[@juillotine]

Yoooooo this is awesome

[@sarthaksharma4816]

Thanks bro! ♥

[@saranyaghosh2003]

Can you please make this a series?This is really helpful!

[@developerfilip]

Yup will do!

[@tuukiiit163]

thank you so much

[@mouradbousba5215]

easy and clear thank you Filip

[@yonym.1088]

thanks a lot!

[@omkarp9943]

Thank you bro!! That's what I wanted🙌🏻

[@piyushs8176]

Thanks man, will try it out for sure :)

[@patapizza3382]

I needed this! Thanks!

[@RaxtersVlog]

Amazing… love it. Surely gonna give a try 🤙🤙

[@seeker3794]

It was very useful

[@pranavyeole102]

wow this was cool!!

[@nikkiivanov7995]

I just wanted to say I love your videos they are very entertaining and educational 👍

[@iwanttopunchtheosface]

Just exactly what I'm looking for. Subbed!

[@darshandev1754]

great tutorial, just revamping my site, and this pops up, nice timing

[@isableye7164]

I just found out your channel today and being enjoying it so much. Thank you for the great content and please never stop uploading.

[@nobody-bt7mu]

I'm so gonna use this! This is fun.

[@stevenerixon33]

5 minutes in and I really like your style of teaching. Very easy to understand and code along! Subbed for sure! =)

[@crlntravels]

Thank you so much Filip for this helpfull video, amazing! Lots of love

[@kodosensei]

I love it !!

[@box90s13]

Thank you Filip for tutorial

[@shin5302]

This is a really good explaination. Thank you!

[@ahmetcanekinci6006]

thanks from Turkey

[@dell4559]

thanks bro this video really helped me for my projects

[@abdouseck4894]

thank you :)

[@nyoreachoja2068]

Thank you so much for this. Googled so much and didn't find what I wanted much less explained in such a simple way.

[@cesarduarte9313]

Love this video!! Super easy to understand and very clear.. Thanks man! keep it going! love it!

[@IshanKesharwani]

This was such an amazing video 😍

[@shohqadamm]

great tuts

[@rye013]

I was thinking of using this snap for my website now I finally have tutorial. Thanks a lot

[@newjio4334]

amazing bro just no words you did it with css !!!!

[@jaypratap3888]

Great work man 🔥

[@harishr9342]

SUPERB!!!!!!

[@MsMelanie117]

Really cool I will use it tomorrow on my project. Thank you.

[@NitinKankarwal]

Great video Filip. I definitely will be using this

[@ayoubibourkelidrissi1231]

Hey filip, i want to thank you for making this video

[@iuhere]

very helpful, thank you !♥ good luck 👍for next one!

[@ahsath]

Crazy simple

[@subhasrini2706]

Really nice tutorial and I’ve not touched scss but your tutorial just blew my mind and I’ll be usin it

[@victorcandiani]

Great Tutorial, thanks from Brazil

[@madebytl]

Thank you mate 😊

[@kareemgameel150]

very very helpful

[@himanshusahu6960]

Amazing I going to try it now.

[@aryantnigam2246]

Simple and aesthetically appealing

[@Adhithya2003]

Damn that was so cool. Thanks

[@kasraghasemipoo7991]

That was Very useful ...appreciate it

[@zziomus3402]

Great video thanks !!!

[@AdeyCoder]

Nice 👍 thank you

[@srikarkandula5313]

Love your videos

[@mstfsgdc]

Awesome tutorial, thanks and please keep continue & make this a serie.

[@VIKASH1870]

This is what I have needed for my current project. I was using JS for this, uffff..... Thank You

[@niclienquan8703]

I'm from Vietnam, I appreciate your video, it's quite good and useful

[@dankcommenter5889]

Fantastic. This was so easy to understand as you elaborated to simply.👍

[@himanshukamal1]

Hey Filip. This is beautiful. Thankyou for sharing

[@ekramwasi238]

Thank you for this tutorial.

[@adrianjuarez4423]

This is truly amazing content, would like to see more of this "tips and tricks" or a css series. Great video!

[@itaispector6040]

Really nice one!! thanks for sharing!

[@jakobo5521]

Zajebista sprawa, dzięki piękne za taki CSSowy smaczek. Pozdro! :)

[@cyrusthapa4149]

It was nice ! Do more of these !

[@CalvinBonner]

So sick. I'm really tired of doing this with JS& jQuery so this makes my life 100× easier!

[@adrielschmitz]

Super cool bro, congrats!!

[@requenz_]

Very simple but informative video!

[@holymacaroni3319]

amazing tutorial and great explanation dude! please make this a series..

[@iDeviceSlash]

please make this a series and i'd be nice if you bring more fancy yet simple stuff ✨ Cheers!

[@developerfilip]

Will do!!!

[@shuttlehd2395]

ty for ur tutorials!

[@mirchm]

Just started learning some html and css. I had a rly basic tutorial, but i swear this video made me understand so much so quick(i di have some java experience). 10/10 thank you

[@tusharsaha321]

Your explanation is so good. Would love to see you make more tutorials like this.

[@hitarthagogoi2829]

Idk why, But I'm receiving this video multiple times in recommendation.

[@developerfilip]

Woohoo! 🤪🤪

[@user-bi3xn8dj7y]

got a google reccomend for your video and wow so good ! good luck with future vids, will definitely subscribe 👍🏻

[@juanmartinaliaga6368]

Sr. You gained my trust. I am in shock, right now i felt like a damn pro thanks to this video. Cheers from Argentina.

[@benjaminlevinson5205]

Been looking for a scroll snapping tutorial as good as this for a while now (just wasn't understanding it). You're a God send Filip!

[@developerfilip]

Glad I was able to help you!!!!

[@ASHISH-le4jg]

Aaah... such a nice small css tut😁❣️

[@angelomancilla7153]

Omg so cool, thanks 😁 regards from Perú

[@mateopetruccelli3156]

Nice video dude!

[@reallygoodstuff4441]

Great work❤️

[@erin1569]

Apparently, the scrollbar adds some px to the section's width (in some browsers), so the total width of each section becomes vw+scrollbar>vw resulting in an overflow x when you have a scrollbar y I usually set the width of each section to 100% instead of 100vw

[@styxshy5704]

I meet the same problem here, and I used React and tailwind-styled-components. Another issue that troubled me all these days is, when I set the horizontal overflow view, I got an X scrollbar instead of scrolling down to the left pages. I used useEffect to add an event listener to solve it. HOWEVER, I am wondering if there is any method easier? Because I don't wanna listen to the whole wheel event all the time...

[@eggrat3381]

@@styxshy5704 how did you do that can u tell me?

[@markasgrazhulis9081]

I used to use smooth-scroll but this is way more fancier

[@rishabhsharma3357]

You deserve a subscribe

[@domizianoscarcelli1936]

Bro why didn’t this channel blow up yet

[@developerfilip]

I’m waiting! Lol

[@mrbhaskarn]

This is just awesome video tutorial Btw your accent is cool.

[@markasgrazhulis9081]

Thank you I'm an 11-year-old developer I'll probably be using this

[@sillicon8227]

Oh, that's cool. I'm a 14 year old devloper, found this really helpful

[@pranav1615]

No, ur doge

[@markasgrazhulis9081]

@@pranav1615 dogecoin to the MOON!

[@markasgrazhulis9081]

@@sillicon8227 same

[@markasgrazhulis9081]

also watched the live stream

[@Nasir-Hanif]

best infermation

[@Awe88Some]

i saw you before, anyway i will subscribe just now, because of this video, the way of teaching and css simple but amazing tricks are cool! i own you that one!)))))

[@prudhvichinnam1488]

Please do this tutorials more ❤️

[@manjeetdhayal2595]

One of the best I have ever seen ❤❤. Please continue with more such cool vedios 🦚

[@rizaldycesarquimno6164]

Tnx bro! Make more tutorials!