From f0969e24de65ee6e9b0dee099cbb7105ebd96dfb Mon Sep 17 00:00:00 2001
From: fritzschoff <fritzschoff@icloud.com>
Date: Thu, 8 Feb 2024 17:25:22 +0000
Subject: [PATCH] updated lg

---
 src/sections/governance/ecosystem.tsx | 16 ++++++++++------
 src/sections/governance/features.tsx  |  2 +-
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/sections/governance/ecosystem.tsx b/src/sections/governance/ecosystem.tsx
index f8b69cd1..9cf45308 100644
--- a/src/sections/governance/ecosystem.tsx
+++ b/src/sections/governance/ecosystem.tsx
@@ -202,7 +202,7 @@ export default function GovernanceEcosystem() {
 				{COUNCILS.map(council => {
 					return (
 						<Flex
-							maxW={{ md: '360px', lg: '414px', xl: '606px' }}
+							maxW={{ md: '360px', lg: '462px', xl: '606px' }}
 							key={council.title.concat(council.link)}
 							flexDir="column"
 							rounded="base"
@@ -213,7 +213,7 @@ export default function GovernanceEcosystem() {
 							p={{ base: '6' }}
 							mb={{ base: '4' }}
 							zIndex={1}
-							height={{ md: '603px', xl: '486px' }}
+							height={{ md: '603px', lg: '486px', xl: '486px' }}
 						>
 							{council.icon}
 							<Heading my={{ base: 4 }}>{council.title}</Heading>
@@ -296,7 +296,7 @@ export default function GovernanceEcosystem() {
 				bg="navy.700"
 				border="1px solid"
 				borderColor="gray.900"
-				p={{ base: '6' }}
+				p={{ base: '6', lg: 12 }}
 				mb={{ base: '4' }}
 				zIndex={10}
 				pos="relative"
@@ -306,12 +306,16 @@ export default function GovernanceEcosystem() {
 			>
 				<InterestedLooper
 					position="absolute"
-					top="0"
+					top="0px"
 					right="0"
 					bottom="0"
 					zIndex={0}
 				/>
-				<Heading mb={{ base: 12 }} mt={{ base: '290px', xl: 12 }} maxW="700px">
+				<Heading
+					mb={{ base: 12, lg: 4 }}
+					mt={{ base: '290px', lg: 0 }}
+					maxW={{ lg: '399px', xl: '700px' }}
+				>
 					Learn more about Synthetix Governance
 				</Heading>
 
@@ -319,7 +323,7 @@ export default function GovernanceEcosystem() {
 					display="inline"
 					fontSize={{ base: '16px' }}
 					color="gray.500"
-					maxW="700px"
+					maxW={{ lg: '399px', xl: '700px' }}
 				>
 					Explore Synthetix&apos;s governance system. Learn how decisions are
 					made through our community-elected councils and proposals (SIPs and
diff --git a/src/sections/governance/features.tsx b/src/sections/governance/features.tsx
index b3b641fa..085a16ef 100644
--- a/src/sections/governance/features.tsx
+++ b/src/sections/governance/features.tsx
@@ -81,7 +81,7 @@ export default function GovernanceFeatures() {
 				{FEATURES.map(feature => {
 					return (
 						<Box
-							w={{ base: '100%', md: '360px' }}
+							w={{ base: '100%', md: '360px', lg: '300px' }}
 							key={feature.title}
 							p={{ base: 4, md: 6 }}
 						>