Skip to content

🐛 Bug: JSON blog preview image in Blog page is streched #1755

@mihail-8480

Description

@mihail-8480

Describe the bug

This can be fixed by adding this style on the <img> element:

object-fit: contain;

or this Tailwind class:

object-contain

Steps To Reproduce

  1. Go to https://json-schema.org/
  2. Scroll down to "The JSON Schema Blog"
  3. Observe the blog image

Expected Behavior

The image not being stretched

Screenshots

Current Version

Image

After adding object-fit: contain

Image

Device Information [optional]

- OS: Arch Linux
- Browser: `google-chrome` (Stable Channel)
- version: `136.0.7103.113-1`

Are you working on this issue?

No

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

Metadata

Metadata

Assignees

Labels

Status: AcceptedIt's clear what the subject of the issue is about, and what the resolution should be.Status: AvailableNo one has claimed responsibility for resolving this issue.🐛 BugIndicates that the issue is a bug or defect.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions