From 815abc5e05fe1230922b06b62aca287ce44da41e Mon Sep 17 00:00:00 2001
From: Alex Castle <atcastle@gmail.com>
Date: Tue, 6 Sep 2022 15:28:34 -0700
Subject: [PATCH] Change image sizes docs to use em instead of px (#40288)

This PR is a minor change to the image docs (`next/image` and `next/future/image`). The example sizes media queries are switched from `em` to `px` for readability.
---
 docs/api-reference/next/future/image.md | 4 ++--
 docs/api-reference/next/image.md        | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/api-reference/next/future/image.md b/docs/api-reference/next/future/image.md
index ea8323fad240d0b..678c46b7fb9ca4d 100644
--- a/docs/api-reference/next/future/image.md
+++ b/docs/api-reference/next/future/image.md
@@ -248,8 +248,8 @@ const Example = () => (
     <Image
       src="/example.png"
       layout="fill"
-      sizes="(min-width: 75em) 33vw,
-              (min-width: 48em) 50vw,
+      sizes="(min-width: 1200px) 33vw,
+              (min-width: 768px) 50vw,
               100vw"
     />
   </div>
diff --git a/docs/api-reference/next/image.md b/docs/api-reference/next/image.md
index 23756edf0cab3a6..324a6ae60b7c8f4 100644
--- a/docs/api-reference/next/image.md
+++ b/docs/api-reference/next/image.md
@@ -147,8 +147,8 @@ const Example = () => (
     <Image
       src="/example.png"
       layout="fill"
-      sizes="(min-width: 75em) 33vw,
-              (min-width: 48em) 50vw,
+      sizes="(min-width: 1200px) 33vw,
+              (min-width: 768px) 50vw,
               100vw"
     />
   </div>