Compact hackathons section layout on home page

[Copilot]

The hackathons section occupied excessive vertical space. Reduced spacing, padding, and text sizes throughout while maintaining readability and the existing 2-column responsive layout.

Changes

Section-level reductions (lines 220-232)

• Section padding: py-12 → py-8
• Header spacing: mb-8 → mb-6, mb-3 → mb-2
• Title sizes: text-3xl → text-2xl, icon text-2xl → text-xl
• Description: text-base → text-sm
• Grid gap: gap-6 → gap-4

Card-level reductions (lines 234-287)

• Banner height: h-48 → h-32 (saves 64px per card)
• Card padding: p-6 → p-4
• Border radius: rounded-xl → rounded-lg
• Shadow: shadow-lg → shadow-md
• Title: text-xl → text-lg
• Description: truncate at 120 chars, line-clamp-3 → line-clamp-2
• Statistics grid: gap-3 p-3 → gap-2 p-2, numbers text-xl → text-lg
• Button padding: px-4 py-2 → px-3 py-1.5

Result

~25-30% vertical space reduction per card. All Tailwind utilities, no style tags.

Screenshot

Original prompt

make the hackathons on the home page side by side and a bit more compact

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

---

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