Description
A rendering issue occurs in the Hero section component when viewport width is between 768px and 1024px (tablet breakpoint).
Steps to Reproduce
- Open the landing page on a tablet-sized viewport (768–1024px width)
- Observe the Hero section layout
- Note the misaligned CTA button and overlapping text
Expected Behavior
CTA button should be centered below the headline with 16px top margin.
Actual Behavior
CTA button overlaps the subheadline text and shifts 40px to the right.
Environment
- Browser: Chrome 122, Safari 17
- OS: macOS 14.3
- Viewport: 900x1200px
Priority
P2 — affects tablet users (~18% of traffic)
Additional Notes
Possibly related to the flexbox breakpoint in HeroSection.css around line 42. Needs QA sign-off before fix is merged.
Description
A rendering issue occurs in the Hero section component when viewport width is between 768px and 1024px (tablet breakpoint).
Steps to Reproduce
Expected Behavior
CTA button should be centered below the headline with 16px top margin.
Actual Behavior
CTA button overlaps the subheadline text and shifts 40px to the right.
Environment
Priority
P2 — affects tablet users (~18% of traffic)
Additional Notes
Possibly related to the flexbox breakpoint in
HeroSection.cssaround line 42. Needs QA sign-off before fix is merged.