Skip to content

feat: mobile-friendly refactor#256

Merged
marco-souza merged 1 commit intomainfrom
feat/mobile-friendly-refactor
Apr 26, 2026
Merged

feat: mobile-friendly refactor#256
marco-souza merged 1 commit intomainfrom
feat/mobile-friendly-refactor

Conversation

@marco-souza
Copy link
Copy Markdown
Contributor

Summary

Mobile-friendly refactor to improve the experience on all pages:

  • HeroSection: Responsive title sizing (text-3xl to 6xl), smaller eyebrow badge, adaptive padding
  • Hero (homepage): Flex-column layout on mobile instead of 2-column grid, centered content
  • SectionHeader: Smaller icon containers and reduced title text on mobile
  • Section: Gradual padding scale (py-12 to 16 to 24)
  • HowToHelp: Add sm: breakpoint for 2-column intermediate grid
  • TestimonialGrid: Tighter gap on mobile
  • StepItem: Smaller icons and adjusted padding for mobile timeline
  • About page: Values and channels grids add sm: breakpoints
  • CallToAction: Responsive icon size and padding
  • global.css: Fixed aggressive text-lg override on mobile

All pages built successfully and E2E tests pass (28/28)

Testing

  • bun run lint passes
  • bun run typecheck passes
  • bun run build succeeds
  • E2E tests pass (28/28)

- HeroSection: responsive title (text-3xl→6xl), smaller eyebrow badge, adaptive padding
- Hero: flex-col layout on mobile instead of grid-cols-2, centered content
- SectionHeader: smaller icon containers and titles on mobile
- Section: gradual padding scale (py-12→16→24)
- HowToHelp: add sm: breakpoint for 2-column grid
- TestimonialGrid: tighter gap on mobile
- StepItem: smaller icons and padding for mobile timeline
- About page: values and channels grids add sm: breakpoints
- CallToAction: responsive icon size and padding
- global.css: fix aggressive text scaling on mobile
@github-actions
Copy link
Copy Markdown
Contributor

✅ Playwright E2E — All tests passed

Detail Link
Workflow run View run
HTML report Download the playwright-report artifact from the run page above
Traces & videos Download the playwright-results artifact (attached when tests fail)

How to view the HTML report locally:

  1. Download and unzip the playwright-report artifact.
  2. Run bunx playwright show-report <path-to-report> to open it in your browser.

Traces and videos are captured on first retry (failures only).

@marco-souza marco-souza merged commit 1167fec into main Apr 26, 2026
2 checks passed
@marco-souza marco-souza deleted the feat/mobile-friendly-refactor branch April 26, 2026 18:53
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