Smooth Scroll in Tailwind CSS

this is a quick video on how you can add smooth scrolling with Tillman CSS all right and this is not very smooth obviously right so all of this is instantly so how can we make it smooth well we can actually go to the root here the root file and we can determine for the whole page that it should be a smooth scroll and we can we can actually just add that here on the HTML element so we can actually just say scroll smooth now there is some default behavior from tailwind and there could be other issues with this as well it make conflicts with other settings so here I'm gonna add an exclamation mark which will make this which will add the important role in CSS so this with this one will always be applied essentially and when you do that it should be smooth yeah so now you can see when we scroll it's a very smooth scroll right really nice by the way if this was helpful I'd really appreciate it if you could like And subscribe also check out my courses on CSS and JavaScript if you want to take those skills to an advanced level because in there we will build some beautiful real world projects from scratch so you can see how everything fits together and really Master CSS or JavaScript and I will also release other courses from like react and node.js so if you want to be notified then make sure you are subscribed to the email newsletter you can find the link in the description thanks for watching and I hope to see you soon

Channel: ByteGrad

Views: 13,741

Keywords:

Id: GLfIHsjuu7Q

Length: 1min 27sec (87 seconds)

Published: Sat Jul 15 2023