feat: align testimonials headings with container width by trueberryless · Pull Request #997 · TanStack/tanstack.com · GitHub
Skip to content

feat: align testimonials headings with container width#997

Open
trueberryless wants to merge 1 commit into
TanStack:mainfrom
trueberryless:feat/testimonials-heading-alignment
Open

feat: align testimonials headings with container width#997
trueberryless wants to merge 1 commit into
TanStack:mainfrom
trueberryless:feat/testimonials-heading-alignment

Conversation

@trueberryless

@trueberryless trueberryless commented Jun 17, 2026

Copy link
Copy Markdown

Description

This PR updates some CSS to align the testimonials heading "Loved by Developers" with the container width of the rest of the pages.

The new testimonials heading alignment looks like that:

image

Summary by CodeRabbit

  • Style
    • Improved the testimonials section layout on large screens by constraining the inner header width and centering it horizontally for a cleaner, more consistent presentation.

@coderabbitai

coderabbitai Bot commented Jun 17, 2026

Copy link
Copy Markdown

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/components/LibraryTestimonials.tsx`:
- Line 17: The className attribute in LibraryTestimonials.tsx references a CSS
custom property `--breakpoint-lg` that is not defined in the Tailwind theme. To
fix this, add the missing `--breakpoint-lg` custom property definition to the
`@theme` block in src/styles/app.css by adding the line after the existing
breakpoint definitions, or alternatively replace the custom variable syntax
`lg:max-w-(--breakpoint-lg)` with Tailwind's built-in breakpoint class
`max-w-lg` to use the framework's standard large breakpoint instead of a custom
variable.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 41f664ec-4f7b-4a2e-93a5-efdd56d5a58b

📥 Commits

Reviewing files that changed from the base of the PR and between d82a4df and 5ba14a9.

📒 Files selected for processing (1)
  • src/components/LibraryTestimonials.tsx

Comment thread src/components/LibraryTestimonials.tsx
@trueberryless trueberryless force-pushed the feat/testimonials-heading-alignment branch from 5ba14a9 to e64c3d8 Compare June 17, 2026 21:37
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.

Testimonials section heading misaligned

1 participant