Skip to content

Commit 22d5651

Browse files
updates
1 parent 861217f commit 22d5651

1 file changed

Lines changed: 16 additions & 6 deletions

File tree

components/HeroHomeSplit.tsx

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -467,10 +467,8 @@ export default function HeroHomeSplit() {
467467
}
468468
.hero-gis-strip {
469469
display: flex;
470-
align-items: center;
471-
justify-content: space-between;
472-
flex-wrap: wrap;
473-
gap: 0.5rem 0.85rem;
470+
flex-direction: column;
471+
gap: 0.65rem;
474472
margin: 0 0 1.1rem;
475473
padding: 0.65rem 0.95rem;
476474
border-radius: 12px;
@@ -484,6 +482,14 @@ export default function HeroHomeSplit() {
484482
0 2px 8px rgba(var(--pts-forest-rgb), 0.08),
485483
inset 0 1px 0 rgba(255,255,255,0.8);
486484
}
485+
@media (min-width: 540px) {
486+
.hero-gis-strip {
487+
flex-direction: row;
488+
align-items: center;
489+
justify-content: space-between;
490+
gap: 0.5rem 0.85rem;
491+
}
492+
}
487493
.hero-gis-inner {
488494
display: flex;
489495
align-items: center;
@@ -511,11 +517,12 @@ export default function HeroHomeSplit() {
511517
.hero-gis-action {
512518
display: inline-flex;
513519
align-items: center;
520+
justify-content: center;
514521
gap: 0.4rem;
515522
flex-shrink: 0;
516-
padding: 0.38rem 0.85rem;
523+
padding: 0.5rem 0.85rem;
517524
border-radius: 999px;
518-
font-size: 0.78rem;
525+
font-size: 0.82rem;
519526
font-weight: 700;
520527
color: #fff;
521528
background: var(--pts-forest);
@@ -525,6 +532,9 @@ export default function HeroHomeSplit() {
525532
transition: background-color 0.15s ease;
526533
}
527534
.hero-gis-action:hover { background: #166534; color: #fff; }
535+
@media (max-width: 539px) {
536+
.hero-gis-action { width: 100%; }
537+
}
528538
529539
/* ── Mobile hero overrides (≤768px) ── */
530540
@media (max-width: 768px) {

0 commit comments

Comments
 (0)