#303 : updated contributor-flip.css and contributor.html

[KOWSIK-M]

Dynamic CSS Grid Layout for Contributors Page

Changes Made

🎯 Objective

Replaced the Bootstrap row/column system with a responsive CSS Grid layout for the contributors section to create a more dynamic and fluid layout that automatically adjusts based on screen size.

🔧 Technical Changes

CSS Updates (contributor-flip.css)

• Added CSS Grid layout to #contributors-container:
  • Mobile (default): 1 column
  • Small devices (≥576px): 2 columns
  • Medium devices (≥768px): 2 columns
  • Large devices (≥992px): 3 columns
  • Extra large (≥1200px): 4 columns
  • Extra extra large (≥1400px): 5 columns
• Used grid-template-columns with repeat() and minmax() for responsive sizing
• Added gap: 1.5rem for consistent spacing between cards
• Used justify-content: center to center grid items

HTML Updates

• Removed Bootstrap row g-4 class from contributors container
• Removed individual column wrapper divs (col-lg-3 col-md-4 col-sm-6) from contributor cards
• Contributor cards are now direct children of the grid container

JavaScript Updates

• Updated card generation to remove Bootstrap grid wrapper divs
• Maintained all existing functionality (card flip animations, mobile interactions)

✅ Benefits

• Better Responsiveness: Layout automatically adapts to screen size without fixed breakpoints
• Improved Flexibility: Grid layout provides more control over spacing and alignment
• Cleaner Markup: Reduced HTML complexity by removing nested grid wrappers
• Future-Proof: Easier to modify grid behavior without changing HTML structure

🎨 Visual Impact

• Maintains exact same card design and flip animations
• Provides more optimal use of screen space on larger displays
• Ensures consistent card sizing across all screen sizes
• Preserves all interactive behaviors (hover effects, mobile clicks)

📱 Testing

• Verified responsive behavior across all screen sizes
• Confirmed card flip animations work correctly
• Tested mobile interaction patterns
• Ensured compatibility with existing theme system

[jineshnagori]

Hi @KOWSIK-M,
This feature has already been completed and pushed. If you have any new updates or enhancements, please attach a reference image to illustrate the changes.
Additionally, before we can merge your PR, kindly resolve the merge conflicts.

Thanks!