Skip to content

Commit 6e41429

Browse files
authored
docs: add link back to sizes and mention TailwindCSS
1 parent a469898 commit 6e41429

1 file changed

Lines changed: 5 additions & 1 deletion

File tree

docs/content/1.get-started/2.configuration.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@ export default defineNuxtConfig({
5959

6060
List of predefined screen sizes.
6161

62-
These sizes will be used to generate resized and optimized versions of an image (for example, with the `sizes` modifier).
62+
These sizes will be used to generate resized and optimized versions of an image (for example, with the [`sizes`](/usage/nuxt-img#sizes) modifier).
6363

6464
```ts [nuxt.config.ts]
6565
export default defineNuxtConfig({
@@ -78,6 +78,10 @@ export default defineNuxtConfig({
7878
})
7979
```
8080

81+
::callout
82+
We share the same naming and sizes as [Tailwind CSS](https://tailwindcss.com/docs/responsive-design) and we added the `xs` property.
83+
::
84+
8185
## `domains`
8286

8387
To enable image optimization on an external website, specify which domains are allowed to be optimized. This option will be used to detect whether a remote image should be optimized or not. This is needed to ensure that external urls can't be abused.

0 commit comments

Comments
 (0)