Change sizes docs to use max-width in media query (#40290)

This PR updates the next/image and `next/future/image` sizes docs to use `max-width` in the `sizes` media query, for code style and consistency reasons.
vercel · Sep 6, 2022 · 6cc8dc3 · 6cc8dc3
1 parent 815abc5
commit 6cc8dc3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/docs/api-reference/next/future/image.md b/docs/api-reference/next/future/image.md
@@ -248,9 +248,9 @@ const Example = () => (
     <Image
       src="/example.png"
       layout="fill"
-      sizes="(min-width: 1200px) 33vw,
-              (min-width: 768px) 50vw,
-              100vw"
+      sizes="(max-width: 768px) 100vw,
+              (max-width: 1200px) 50vw,
+              33vw"
     />
   </div>
 )

diff --git a/docs/api-reference/next/image.md b/docs/api-reference/next/image.md
@@ -147,9 +147,9 @@ const Example = () => (
     <Image
       src="/example.png"
       layout="fill"
-      sizes="(min-width: 1200px) 33vw,
-              (min-width: 768px) 50vw,
-              100vw"
+      sizes="(max-width: 768px) 100vw,
+              (max-width: 1200px) 50vw,
+              33vw"
     />
   </div>
 )