From fa51c23a11b7d4ec772190b8a5ce1afd1380114c Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Mon, 8 Jun 2026 23:14:43 +0200
Subject: [PATCH] Extend bio width on XXL screens

---
 web/components/profile/profile-info.tsx | 2 +-
 web/tailwind.config.js                  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/components/profile/profile-info.tsx b/web/components/profile/profile-info.tsx
index a2506551..2b2f989e 100644
--- a/web/components/profile/profile-info.tsx
+++ b/web/components/profile/profile-info.tsx
@@ -334,7 +334,7 @@ function ProfileContent(props: {
   return (
     <>
       <div
-        className="mt-4 grid grid-cols-1 items-start gap-6 md:grid-cols-[1fr_500px] xl:grid-cols-[1fr_800px]"
+        className="mt-4 grid grid-cols-1 items-start gap-6 md:grid-cols-[1fr_500px] xl:grid-cols-[1fr_800px] 3xl:grid-cols-[1fr_900px]"
         data-testid="profile-content"
       >
         <Col className="gap-6">
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index fece0f13..ac4dfa24 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -19,6 +19,7 @@ module.exports = {
       lg: '1024px',
       xl: '1280px',
       '2xl': '1536px',
+      '3xl': '1800px',
     },
 
     fontFamily: Object.assign(