Skip to content
This repository was archived by the owner on Oct 12, 2026. It is now read-only.

fix(public): keep app-page early-access CTA above the fold on phones #54

Closed
nish3451 wants to merge 4 commits into from
Closed

fix(public): keep app-page early-access CTA above the fold on phones #54

Changes from 3 commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
16cfe9e
fix(public): keep the app-page early-access CTA above the fold on phones
nish3451 Aug 10, 2026
106210d
Merge branch 'main' into fix/lane1-app-hero-mobile-cta-fold
nish3451 Aug 10, 2026
b1798b2
Merge remote-tracking branch 'origin/main' into tmp-merge-54
nish3451 Aug 11, 2026
2879661
Merge remote-tracking branch 'origin/main' into tmp2-54
nish3451 Aug 11, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 16 additions & 1 deletion public/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -892,7 +892,22 @@ h4 {
}

.page-hero-card {
padding: 36px 0 44px;
padding: 20px 0 40px;
}

/* Keep the primary CTA in the first screen: long app-page H1s must not
bury the action row below the fold on phones. */
.page-hero-card h1 {
max-width: none;
font-size: clamp(1.9rem, 6vw, 3rem);
Comment on lines +900 to +902

@chatgpt-codex-connector chatgpt-codex-connector Bot Aug 10, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Limit the compact H1 rule to the app landing pages

At common 375–430px phone widths, this generic selector reduces the hero H1 minimum from 3.4rem to 1.9rem on every page using .page-hero-card, including the 404, contact, support, privacy, and terms pages. Those pages do not contain the long app-page early-access flow targeted by this change, so their primary heading hierarchy is unintentionally shrunk by roughly 44%; scope these overrides to the Promptly and Drishti landing heroes instead.

Useful? React with 👍 / 👎.

}

.page-hero-card .page-lead {
margin-top: 14px;
}

.page-hero-card .action-row {
margin-top: 20px;
}

.info-card {
Expand Down
Loading