In the last two years, I found that my CSS architecture was becoming too complex. But, utility-first frameworks were not doing it for me either. I needed a mix, I needed utility-enabled. Then came CUBE CSS and it all clicked.
Horizontal centering is an ancient problem in CSS. With CSS Grid we are able enhance this layout pattern. But, this gives us other issues. Let's find a better solution.
Trying to automatically lay out a visual graph (e.g. state machine) that is human understandable is one of the most fun challenges I have ever encountered. Let me explain how I did it.