If you&#x27;re looking to improve the CSS you end up writing - I highly suggest considering BEM [0]. It stands for block, element, modifier and defines a fairly rigid structure to build components with.<p>tl;dr: It promotes extremely simple, component based&#x2F;modular css that is _trivial_ to refactor with confidence unexpected regressions won&#x27;t pop up.<p>I&#x27;m primarily a backend engineer, but I do full-stack work, especially in my free time, and after seeing it used by our front-end devs at work I decided to try it on my own project - and for the first time ever, I felt like the CSS I was writing actually made logical sense in the same way any program I&#x27;d write makes logical sense. Adding constraints is majorly helpful when your language has hundreds of virtually equivalent ways (or at least seemingly equivalent) of doing the same thing - it&#x27;s just setting yourself up for confusion later.<p>With or without any sort of preprocessor, BEM is still crazy beneficial if you have a codebase with many people touching the styles, it -<p>a.) promotes good css practices by limiting the usage of entirely un-necessary slow css selectors because they&#x27;d require convention to be broken (and then caught easily in a code review)<p>b.) promotes extremely DRY components<p>c.) defines a very simple yet specific way of handling style variations that make DRY component variants (eg a button component could have a red, green or blue modifier) obvious to everyone on the team in a way almost analogous to a primitive in a programming language -- most codebases don&#x27;t otherwise have a defined pattern for this leading a lot of wheel reinvention and extra complexity which in turns breeds more complexity, leading to truly disgusting css.<p>Of course there are downsides, by putting limits on a language some things will necessarily become more difficult&#x2F;complex to accomplish, but I personally find the benefits far outweigh this.<p>Additionally, I&#x27;m not sure how it works trying to integrate it into a mature codebase - I could see that being a challenge for some projects&#x2F;CSS code styles, but I&#x27;ve not done that so can&#x27;t speak from more than speculation.<p>[0]: <a href="https:&#x2F;&#x2F;css-tricks.com&#x2F;bem-101&#x2F;" rel="nofollow">https:&#x2F;&#x2F;css-tricks.com&#x2F;bem-101&#x2F;</a>