Skip to content

Commit

Permalink
docs(tutorial): fix typo (#20878)
Browse files Browse the repository at this point in the history
  • Loading branch information
alanmatw authored and LB committed Jan 27, 2020
1 parent db14980 commit 1417195
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion docs/tutorial/gatsby-image-tutorial/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ You might expect the relative path to be relative to the file the code sits in,

### Image fragments

Another thing to note about this query is how it uses the fragment `GatsbyImageSharpFixed` to return a fixed width and height image. You could also use the fragment `GatsbyImageSharpFluid` which produces scalable images that fill their container instead of fitting specific dimensions. In `gatsby-image`, _fluid_ images are meant for images that don’t have a finite size depending on the screen, where as other images are _fixed_.
Another thing to note about this query is how it uses the fragment `GatsbyImageSharpFixed` to return a fixed width and height image. You could also use the fragment `GatsbyImageSharpFluid` which produces scalable images that fill their container instead of fitting specific dimensions. In `gatsby-image`, _fluid_ images are meant for images that don’t have a finite size depending on the screen, whereas other images are _fixed_.

The query will return a data object including the processed image in a format usable by the `gatsby-image` component. The returned result will be automatically passed into the component and attached to the `data` prop. You can then display the image using JSX to automatically output responsive, highly performant HTML.

Expand Down

0 comments on commit 1417195

Please sign in to comment.