Skip to content

feat: mobile-friendly refactor#257

Closed
marco-souza wants to merge 3 commits intomainfrom
feat/mobile-friendly-refactor
Closed

feat: mobile-friendly refactor#257
marco-souza wants to merge 3 commits 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 with p-4 padding 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 with p-4 padding 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)

Updated 9 files to include consistent padding on icon containers:
- CallToAction, SectionHeader, ChannelCard
- about.astro (values section)
- join-us.astro (contact section)
- contact.astro (contact methods section)
@marco-souza marco-souza force-pushed the feat/mobile-friendly-refactor branch from be46095 to 94f9bd7 Compare April 26, 2026 19:11
@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).

@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).

@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 deleted the feat/mobile-friendly-refactor branch April 26, 2026 19:52
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