From 76cf13d6eafd247637849972d078dd4da1c92ebf Mon Sep 17 00:00:00 2001 From: Saqib Date: Mon, 28 Sep 2026 14:37:16 +0530 Subject: [PATCH] Let Context/Aim/Our Solution/Resources text fill its full column MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ProjectText (work pages) and EventDetailText (event pages) both had a 'width: 50%' at the 1440px breakpoint, on top of the grid column that already sizes the right-hand content area — the two combined left half of that column empty on wide screens, as seen on e.g. work/publicfinance/akshara. Dropped the redundant width; the grid column alone already does the sizing, same as it does at every other breakpoint (1280px, 1920px) where this 50% never applied. Verified locally (gatsby develop) on a Work page (publicfinance/akshara) and an Event page (osdma-civicdatalab-mou) at 1440px+: text now fills the column. --- src/templates/eventdetail.js | 2 -- src/templates/project.js | 2 -- 2 files changed, 4 deletions(-) diff --git a/src/templates/eventdetail.js b/src/templates/eventdetail.js index 65b71520e..5a39ec1cc 100644 --- a/src/templates/eventdetail.js +++ b/src/templates/eventdetail.js @@ -111,8 +111,6 @@ const EventDetailText = styled.div` } @media (min-width: 1440px) { - width: 50%; - p { font-size: 20px; } diff --git a/src/templates/project.js b/src/templates/project.js index 494f65367..b32c79978 100644 --- a/src/templates/project.js +++ b/src/templates/project.js @@ -116,8 +116,6 @@ const ProjectText = styled.div` } @media (min-width: 1440px) { - width: 50%; - p { font-size: 20px; }