Skip to content

fix: improve pricing testimonial card layout - #8065

Open
DRafi2006 wants to merge 2 commits into
layer5io:masterfrom
DRafi2006:fix/pricing-testimonial-cards
Open

DRafi2006 wants to merge 2 commits into
layer5io:masterfrom
DRafi2006:fix/pricing-testimonial-cards

Conversation

@DRafi2006

@DRafi2006 DRafi2006 commented Sep 14, 2026

Copy link
Copy Markdown

Description

This PR fixes uneven testimonial card heights on the Pricing page.

Changes

  • Updated testimonial wrapper and quote styles to fill the available card height.
  • Updated the pricing testimonial slider layout to stretch slides consistently.
  • Adjusted type-two testimonial padding for better alignment.

Testing

  • Verified the Pricing page at 360 × 740.
  • Verified the testimonial cards at desktop width.
  • Ran make lint.
  • Ran make site.

This resolves the uneven testimonial card layout issue.

Summary by CodeRabbit

  • Style
    • Improved quote block layouts with more consistent spacing, sizing, alignment, and overflow handling.
    • Updated quote presentation to better support full-height content and vertical arrangements.
    • Enhanced the pricing review slider with equal-height slides and more consistent content alignment across screen sizes.

Signed-off-by: Rafik <mahammaadrafi@gamil.com>
@coderabbitai

coderabbitai Bot commented Sep 14, 2026

Copy link
Copy Markdown

Review Change StackReview Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Advanced

Run ID: 8a1d86c8-3eaa-47d3-9ef9-4831a5ce6119

📥 Commits

Reviewing files that changed from the base of the PR and between 6f1c111 and 66660b9.

📒 Files selected for processing (2)
  • src/reusecore/Blockquote/Blockquote-image/blockquote-image.style.js
  • src/sections/Pricing/review-slider.js

Included review availability: Your plan provides up to 4 included reviews per hour; 3 remain after this review.


📝 Walkthrough

Walkthrough

The changes update blockquote styling and pricing review slider layout. They add full-height flex behavior, adjust type-two quote spacing, hide overflow for type-three quotes, and reformat existing declarations.

Changes

Quote layout and review slider

Layer / File(s) Summary
Quote component layout updates
src/reusecore/Blockquote/Blockquote-image/blockquote-image.style.js
Adds full-height flex rules for type-one wrappers, changes type-two quote padding, adds overflow hiding for type-three quotes, and reformats existing declarations.
Review slider equal-height integration
src/sections/Pricing/review-slider.js
Replaces mobile width overrides with flex-based track, slide, and quote-wrapper rules that stretch review slides to equal height.

Priority: ⬇️ Low

Estimated code review effort: 2 (Simple) | ~15 minutes

Change: Bug fix

Suggested reviewers: leecalcote

Merge Risk: ⚪ Minimal · up to 4eccc

The pricing testimonial layout changes have no identified functional or visual regression requiring correction before merge.

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly and concisely describes the main change: improving the testimonial card layout on the Pricing page.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 2…
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

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