fix: collab page mobile

[Diubii]

Closes #171

[coderabbitai]

Navigate logical layers of code changes, visualize relationships, and explore their blast radius.

Important

• 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: f957abcc-d083-4809-b8d5-ad7c9c3a946c

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: 18bc2422-8baa-45c8-927d-605def161612

📥 Commits

Reviewing files that changed from the base of the PR and between c71a465 and c61a300.

📒 Files selected for processing (7)

• src/components/card-icon/classes.ts
• src/components/card-icon/index.tsx
• src/components/collabora/about-section.tsx
• src/components/collabora/association-section.tsx
• src/components/collabora/collaboration-section.tsx
• src/components/collabora/company-section.tsx
• src/components/collabora/contact-section.tsx

Included review availability: This review used your included allowance. Your plan provides up to 1 included review per hour; 0 remain after this review.

---

Walkthrough

Collabora sections now use responsive typography and layouts. The About statistics use a small-screen carousel, and Contact cards change size and alignment by breakpoint. Inline CardIcon titles and descriptions use updated typography classes.

Changes

Collabora responsive presentation

Layer / File(s)	Summary
Inline CardIcon typography src/components/card-icon/classes.ts, src/components/card-icon/index.tsx	Inline titles use typo-headline-extrasmall. Inline descriptions use small body typography by default and large body typography from sm.
Section typography and responsive Contact cards src/components/collabora/association-section.tsx, src/components/collabora/collaboration-section.tsx, src/components/collabora/company-section.tsx, src/components/collabora/contact-section.tsx	Association, Collaboration, and Company sections update responsive typography and minimum-width classes. Contact headings change alignment and typography by breakpoint. Contact cards use small, start-aligned variants from sm and inline variants below sm.
About section mobile statistics src/components/collabora/about-section.tsx	The introduction uses updated typography and alignment. Statistics display in a grid at medium and larger sizes, and in a carousel on smaller screens.

Priority: ➖ Normal

Change: Bug fix · Severity of issue fixed: Medium

Merge Risk: ⚪ Minimal · up to c61a3

The responsive typography, container sizing, and mobile statistics carousel preserve their inspected behavior. No actionable merge-blocking issue was found; the PR is ready for normal checks.

🚥 Pre-merge checks | ✅ 3 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 6 functions across 7 files.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly identifies the main change: mobile fixes for the collaboration page. It is concise and related to the responsive layout, typography, and mobile carousel updates.
Linked Issues check	✅ Passed	Issue #171 requires a mobile fix for the collaboration page. The reviewed changes add a mobile carousel for the About Us statistics, provide mobile and desktop CardIcon variants in ContactSection, and…
Out of Scope Changes check	✅ Passed	The changes stay within the collaboration page scope of issue #171. CardIcon typography and responsive variants support the updated About and Contact mobile layouts. The section typography and minimum…

✨ Finishing Touches 💡 1

📝 Generate docstrings 💡

• Commit to this branch
• Create a new PR

• Autopilot · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Autopilot is currently an internal CodeRabbit preview.

---

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.}