From 7f21f3e8bb4d434d81913f1f6f3d9c52d130afc8 Mon Sep 17 00:00:00 2001 From: Morgan Feeney Date: Mon, 19 Jun 2023 23:14:22 +0100 Subject: [PATCH] Update 01-images.mdx Due to the size of grid tracks specified in the CSS I added complimentary usage of sizes attribute. You can ascertain the media based on the `gridTemplateColumns` and `gridGap` values. --- .../01-building-your-application/05-optimizing/01-images.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/02-app/01-building-your-application/05-optimizing/01-images.mdx b/docs/02-app/01-building-your-application/05-optimizing/01-images.mdx index d5864c587c01..672593bd984a 100644 --- a/docs/02-app/01-building-your-application/05-optimizing/01-images.mdx +++ b/docs/02-app/01-building-your-application/05-optimizing/01-images.mdx @@ -297,7 +297,7 @@ export default function Fill() { alt="Mountains" src={mountains} fill - sizes="100vw" + sizes="(min-width: 808px) 50vw, 100vw" style={{ objectFit: 'cover', // cover, contain, none }}