docs: small tweaks to simplify/clarify docs (#260)

Co-authored-by: Clément Ollivier <[email protected]> Co-authored-by: pooya parsa <[email protected]>
nuxt · May 17, 2021 · e382b4f · e382b4f
1 parent d2e65f9
commit e382b4f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/docs/content/en/2.components/1.nuxt-img.md b/docs/content/en/2.components/1.nuxt-img.md
@@ -48,7 +48,9 @@ Specify width/height of the image.
 
 ### `sizes`
 
-Specify responsive reiszes.
+Specify responsive sizes.
+
+This a space-separated list of screen size/width pairs. You can [see a list of the defined screen sizes here](/api/options#screens)).
 
 **Example:**
 
@@ -109,7 +111,7 @@ Presets are predefined sets of image modifiers that can be used create unified f
 
 ```html
 <template>
-  <nuxt-img preset="jpg-cover" src="/nuxt-icon.png" width="50" height="50" />
+  <nuxt-img preset="cover" src="/nuxt-icon.png" />
 </template>
 ```
 

diff --git a/docs/content/en/3.api/1.options.md b/docs/content/en/3.api/1.options.md
@@ -19,11 +19,12 @@ export default {
 
 List of predefined screen sizes.
 
-These sizes will be used to generate resized and optimized versions of an image.
+These sizes will be used to generate resized and optimized versions of an image (for example, with the `sizes` modifier).
 
 ```ts [nuxt.config.js]
 export default {
   image: {
+    // The screen sizes predefined by `@nuxt/image`:
     screens: {
       xs: 320,
       sm: 640,