Skip to content

Site: fit the hero's CTA column to the shell's full width - #92

Merged
bharathm03 merged 1 commit into
developmentfrom
site/hero-cta-column-fit
Sep 3, 2026
Merged

Site: fit the hero's CTA column to the shell's full width#92
bharathm03 merged 1 commit into
developmentfrom
site/hero-cta-column-fit

Conversation

@bharathm03

Copy link
Copy Markdown
Contributor

What

The hero's CTA column (OS-matched download button + subtext) got shorter after a recent copy trim, and its fixed 21rem width cap left it well short of the shell's right edge — creating a large empty block above the app window mockup, top-aligned against a two-paragraph left column.

Fix

  • Grew the text column's width cap from 35rem to 45rem, so the two columns (45rem + 21rem) plus the existing gap now add up to exactly the shell's full content width. The button lands flush against the shell's right edge — the same edge the nav's own CTA sits against — with a normal gap from the text, instead of either a dead gap trailing past it or an inflated gap pushing it away.
  • Self-centers the CTA column against the text column's height, so the button+subtext block sits level with the middle of the (now two-line, was three-line) paragraphs rather than pinned to the top of the row.

Verification

  • bunx astro check — 0 errors, 0 warnings, 0 hints
  • bun run build — 11 pages, clean
  • bun run test — 68 passed

The CTA column's content (button + subtext) got shorter recently, which left it stranded top-left of a large empty block above the app window and short of the shell's right edge.

Grew the text column from 35rem to 45rem so the two columns plus the gap now add up to the shell's full content width at rest — the button lands flush against the right edge (matching the nav's own CTA) with a normal gap from the text, instead of a dead gap trailing past it. Also self-centers the CTA column against the text column's height so it isn't pinned to the top of a taller row.
@bharathm03
bharathm03 enabled auto-merge (squash) September 3, 2026 17:25
@bharathm03
bharathm03 merged commit 0639a97 into development Sep 3, 2026
3 checks passed
@bharathm03
bharathm03 deleted the site/hero-cta-column-fit branch September 3, 2026 17:30
bharathm03 added a commit that referenced this pull request Sep 3, 2026
Site: fit the hero's CTA column to the shell's full width (#92)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant