style: fix banner not in center

[lhuans]

Summary by CodeRabbit

• Style
  • Updated banner component layout with a maximum width constraint to improve visual presentation and ensure optimal content display across different screen sizes.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

A max-width constraint of 1280px was added to the .banner-item selector in the banner styling, limiting the horizontal expansion of banner elements while maintaining full-width responsive behavior.

Changes

Cohort / File(s)	Summary
CSS Styling Update packages/home/src/views/home/slogen/banner.less	Added max-width: 1280px to .banner-item selector to constrain banner width

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~1 minute

Poem

A pixel constraint, so neat and clean, 🐰
Twelve-eighty grows the banner's sheen,
No wider shall the banner sprawl,
It bows to limits, standing tall! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and specifically describes the main change: fixing the banner styling issue where it wasn't centered, which aligns with the code change that adds max-width constraint to center-align the banner.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch lhs/fix_banner_style

---

📜 Recent review details

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 8c40f06 and 1d05769.

📒 Files selected for processing (1)

• packages/home/src/views/home/slogen/banner.less

🔇 Additional comments (1)

packages/home/src/views/home/slogen/banner.less (1)

14-16: Clean and effective centering fix.

Adding max-width: 1280px to .banner-item while keeping width: 100% is the right approach. The parent flex container's align-items: center will center the constrained item horizontally on larger viewports, while responsive behavior is preserved on smaller screens.

Please verify that the banner now appears centered on desktop viewports (≥1280px width) and still adapts responsively on smaller screens.

---

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

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}