-
-
Notifications
You must be signed in to change notification settings - Fork 1.5k
Description
Problem with this page
On the Jenkins blog listing page, the image for the blog post “Jenkins 2.543 and 2.541.1: New Linux Repository Signing Keys” appears misaligned within its card. The image does not align consistently with the card container compared to other blog posts and looks slightly cropped / off-center.
Expected behavior
The blog image should be properly aligned and centered within the card,
consistent with other blog post cards.
Actual behavior
The image appears misaligned inside the card, breaking visual consistency.
Possible solution
Change the image ratio via CSS (RECOMMENDED)
This is the cleanest and most maintainable approach.
Why this works well
No need to re-edit images
One fix applies to all blog cards
Consistent UI
Easy to review
Are you interested in contributing a fix?
Yes, I’d be happy to work on this.
I believe the misalignment is caused by varying image aspect ratios.
I plan to fix it by enforcing a consistent aspect ratio for blog card
images (e.g. via CSS with aspect-ratio and object-fit: cover)
so all blog cards align consistently.
Please let me know if this approach sounds good before I open a PR.