Preview Images Aggressively Cropped

[BoffinBrain]

I've just started migrating over from UserStyles.org so I figured I'd report this as I go.

On both the regular and the 'redesigned' style view page, the preview image container has a hard-coded height. If the preview image or screenshot doesn't exactly match the aspect ratio of the container, it's cropped at the top and bottom, with no way to see the rest:

This can be fixed by removing align-items: center; from .card .screenshot picture in the CSS. Given that the screenshot container includes a blurred version, I assume this was the intended way to display it:

Browser: Firefox 134 on Windows

[astyled]

I assume this was the intended way to display it

It is. For small images. Not sure about the large ones.

Please note that Stylus crops previews even more aggressively, and USw crops previews in the listing (explore, search, etc) too, so you may want to stick to 16:9 with some vertical margin for content for good readability.

[BoffinBrain]

Yes, I saw that the USw listing previews are similarly cropped, although with those it aligns them at the top, cropping off the bottom of the picture. This makes more sense. Still worth doing the one-line change though, IMO. Not everyone will be aware of the cropping or know how to optimize their screenshots.