Skip to content

Commit

Permalink
fix typo in image.mdx (#53638)
Browse files Browse the repository at this point in the history
Fixed a typo in the api reference about the [\<Image\> component](https://nextjs.org/docs/pages/api-reference/components/image#fill).

Replaced "stetch" with "stretch" in the fourth paragraph
  • Loading branch information
martinstanicio authored Aug 6, 2023
1 parent bc8deab commit 3e637ca
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion docs/02-app/02-api-reference/01-components/image.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -170,7 +170,7 @@ The parent element _must_ assign `position: "relative"`, `position: "fixed"`, or

By default, the img element will automatically be assigned the `position: "absolute"` style.

If no styles are applied to the image, the image will stetch to fit the container. You may prefer to set `object-fit: "contain"` for an image which is letterboxed to fit the container and preserve aspect ratio.
If no styles are applied to the image, the image will stretch to fit the container. You may prefer to set `object-fit: "contain"` for an image which is letterboxed to fit the container and preserve aspect ratio.

Alternatively, `object-fit: "cover"` will cause the image to fill the entire container and be cropped to preserve aspect ratio. For this to look correct, the `overflow: "hidden"` style should be assigned to the parent element.

Expand Down

0 comments on commit 3e637ca

Please sign in to comment.