RE: 🎮 Steemit City: Some Graphics

The graphic tasks are always the biggest challenge for me too.

probably caused by the 150% line height CSS.

Yes, if I set the line height to 0 %, it looks as it should.
The most obvious way is generate all possible cards and upload to steemitimages. It depends on the number of characters. Or did you want to generate such a card for each player?

I don't know if it is really possible, but with svg-images you can create path oriented images (like the steemit-logo in the upper left corner). Maybe you can draw the background, the labels and the values separately and merge them for the user before uploading...

You can also try to split the cards vertically. There is no (left/right) margin between the images in CSS:
The top image is yours and the bottom image is your image divided in two separate images - Strangely, the images are now displayed without (top/bottom) spacing.

The challenge is then to position the values in such a way that they can be cut off vertically from the rest and it does not become asymmetrical... tricky...