Skip to content

Commit d6ed937

Browse files
committed
Add large desktop breakpoint to scale up hero text on high-res viewports
1 parent 61d8ae2 commit d6ed937

1 file changed

Lines changed: 19 additions & 0 deletions

File tree

src/css/responsive.css

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -178,6 +178,25 @@ header.gw-sticky span.gw-flex-row-reverse {
178178
}
179179
}
180180

181+
/* ── Large desktop: scale up hero text for high-res viewports ──
182+
Targets monitors like 2560×1440 at 125% (2048×1152 CSS) where the
183+
default gw-text-4xl (36px) feels undersized. Placed after the scaled
184+
laptop rule so it wins by cascade on wide viewports. */
185+
@media (min-width: 1400px) {
186+
.gw-relative .gw-text-4xl {
187+
font-size: 3rem !important;
188+
line-height: 1.3 !important;
189+
}
190+
191+
.gw-relative .gw-text-xl {
192+
font-size: 1.5rem !important;
193+
}
194+
195+
.gw-relative .gw-pb-8 {
196+
padding-bottom: 1.75rem !important;
197+
}
198+
}
199+
181200
/* ── Hamburger menu: soften nav text from stark white to match site ──
182201
Groundwork hardcodes gw-text-white (#fff) on mobile menu items.
183202
Override to the site's standard light text tone. */

0 commit comments

Comments
 (0)