scale-down just looks like contain

[Sammeeey]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit

What specific section or headline is this issue about?

everything related to scale-down value

What information was incorrect, unhelpful, or incomplete?

The scale-down value looks as if it did the same as contain.

What did you expect to see?

The major difference between the two seems to be that scale-down keeps a small image size if the image is smaller than its container, while contain stretches the image to fit the container.

Do you have any supporting links, references, or citations?

This codepen here shows the differences very clearly and visually.

Do you have anything more you want to share?

Would be cool to edit the page accordingly.
Anything to add?

MDN metadata

Page report details

• Folder: en-us/web/css/object-fit
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/object-fit/index.md
• Last commit: acfe8c9
• Document last modified: 2023-07-07T07:19:19.000Z