1. You aren’t wasting energy inventing class names:- No more adding silly class names like sidebar-inner-wrapper just to be able to style something, and no more agonizing over the perfect abstract name for something that’s really just a flex container.
2. Your CSS stops growing:- Using a traditional approach your CSS files get bigger every time you add a new feature. With utilities, everything is reusable so you rarely need to write new CSS.
3. Making changes feels safer:- CSS is global and you never know what you’re breaking when you make a change. Classes in your HTML are local, so you can change them without worrying about something else breaking.