From fa1382b28946baea47cd00ca7d3ae313ed807c36 Mon Sep 17 00:00:00 2001
From: conico974 <nicodorseuil@yahoo.fr>
Date: Thu, 18 Sep 2025 08:55:11 +0200
Subject: [PATCH] Add responsive image sizes for RecordCard component (#3654)

Co-authored-by: Nicolas Dorseuil <nicolas@gitbook.io>
---
 .../gitbook/src/components/DocumentView/Table/RecordCard.tsx  | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/gitbook/src/components/DocumentView/Table/RecordCard.tsx b/packages/gitbook/src/components/DocumentView/Table/RecordCard.tsx
index 1793542ed..57d814d93 100644
--- a/packages/gitbook/src/components/DocumentView/Table/RecordCard.tsx
+++ b/packages/gitbook/src/components/DocumentView/Table/RecordCard.tsx
@@ -95,8 +95,12 @@ export async function RecordCard(
                     }}
                     sizes={[
                         {
+                            media: '(max-width: 640px)',
                             width: view.cardSize === 'medium' ? 245 : 376,
                         },
+                        {
+                            width: view.cardSize === 'medium' ? 490 : 752,
+                        },
                     ]}
                     resize={context.contentContext?.imageResizer}
                     className={tcls(