CSS utility classes are a way of making big projects more maintainable.
There are many benefits but also downsides, you can end up with code like this…
<div class="bg-blue text-white font-bold uppercase px-2 py-1 mx-auto mb-1 border-1 w-200">
Not great. There are workarounds for this but they add other overheads (as discussed in this article).
What if we could combine the best of utility classes with the best of BEM? This article suggests how.
I’ll add my own example here soon!