Simple Score Component

Found it difficult to extract useful utility classes for layout. That is something I'll have to work on in the future to keep things clean.

I'm curious, when you want to distribute some elements in a column; how do you decide to use flexbox or a one column grid? The CSS "gap" property seems really handy, so I often reach for grid to use that, and then default to flexbox if I want it lined up in a certain way to the parent (start, center, end).