[BUG] Subject cards have inconsistent heights in the grid layout

[divyasharma1321]

🐛 Bug Description
In the "Browse Subjects" section, subject cards have different heights depending on their content. Cards with longer subject names or additional text are taller than cards with shorter names, creating an uneven and messy grid layout.

📝 Steps to Reproduce
1.Open the OpenCSE website: https://opencse.vercel.app/

2.Scroll down to the "Browse Subjects" section

3.Observe the subject cards in the grid

4.Notice that some cards are taller than others (e.g., "Basic Electrical and Electronics" card vs "C Programming" card)

✅ Expected Behavior
All subject cards should have uniform height, creating a clean, aligned grid layout regardless of the subject name length or content.

❌ Actual Behavior
Cards have varying heights. For example:

"Basic Electrical and Electronics" card is taller due to longer text

"C Programming" card is shorter

This creates an uneven, jagged grid appearance

📸 Screenshots

🖥️ Environment
OS: Windows 11

Browser: Chrome 120

Node.js: Not applicable (static site)

Python: Not applicable (static site)

📋 Console Errors
text
No console errors observed. This is a CSS layout issue.
📎 Additional Context
Does this happen consistently? Yes

Related issues: None found

Possible fix: Set a fixed min-height or use display: flex with align-items: stretch on the grid container

[divyasharma1321]

Hi, I'm a GSSOC'26 contributor. Requesting assignment for this issue.

Root Cause: Cards don't have a fixed or minimum height, causing them to resize based on content.

Fix: Apply a consistent min-height or use flexbox to ensure all cards are the same height.

[GeethaBurigalla]

/assign