Skip to content

fix: resolve Tailwind text size conflicts in about and apply pages#549

Open
pranav-n29 wants to merge 1 commit intoAOSSIE-Org:mainfrom
pranav-n29:fix-css-conflicts
Open

fix: resolve Tailwind text size conflicts in about and apply pages#549
pranav-n29 wants to merge 1 commit intoAOSSIE-Org:mainfrom
pranav-n29:fix-css-conflicts

Conversation

@pranav-n29
Copy link

@pranav-n29 pranav-n29 commented Jan 29, 2026

Summary-
This PR fixes Tailwind CSS class conflicts in the About and Apply pages.

Changes-

  • Removed conflicting Tailwind utility classes such as text-2xl and text-lg applied on the same elements
  • Cleaned up responsive typography to ensure only one text-size utility is applied per breakpoint
  • Updated the following files:
    • src/pages/about.jsx
    • src/pages/apply.jsx

Reason-
Tailwind CSS was reporting cssConflict warnings due to multiple text-size classes applying the same CSS properties.
This change improves code clarity and prevents unexpected styling behavior.

Impact-

  • No UI or layout changes
  • Cleaner Tailwind usage
  • Removes all reported CSS conflict warnings in these files

Summary by CodeRabbit

  • Style
    • Refined text styling on the About and Apply pages, simplifying responsive design classes and removing redundant size utilities for a more consistent visual hierarchy.

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

@vercel
Copy link

vercel bot commented Jan 29, 2026

@pranav-n29 is attempting to deploy a commit to the AOSSIE Team on Vercel.

A member of the Team first needs to authorize it.

@coderabbitai
Copy link

coderabbitai bot commented Jan 29, 2026

📝 Walkthrough

Walkthrough

Two page components had Tailwind CSS classes removed from various elements, specifically text-lg utilities and responsive text size variants, while preserving other styling properties. No functional logic, data flow, or component behavior changed.

Changes

Cohort / File(s) Summary
Tailwind Styling Adjustments
src/pages/about.jsx
Removed text-lg class from stat block divs and GSOC section paragraph; simplified h1 heading by removing responsive text size class variants.
Tailwind Styling Adjustments
src/pages/apply.jsx
Removed text-lg class and whitespace from h5 element className.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Poem

🐰 Whiskers twitching with glee,
CSS classes simplified, so clean!
Text-lg removed with care,
Smaller, lighter in the air—
Hop hop, neater code to see! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 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%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (2 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The PR title accurately describes the main change: removing conflicting Tailwind text-size utilities from the about and apply pages to resolve CSS conflicts.

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

✨ Finishing touches
  • 📝 Generate docstrings

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 and usage tips.

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