📝 Description
The homepage currently has excessive vertical spacing between major sections, especially between the feature cards section and the “Why Choose Edulume?” section. This creates unnecessary scrolling and breaks visual flow on large and medium screens.
🎯 Goal
Reduce unnecessary vertical gaps between sections to improve visual continuity and user experience, without changing the overall theme or design language.
📋 Tasks
Identify sections with excessive margin / padding
Adjust vertical spacing for better content flow
Ensure spacing remains responsive across screen sizes
📁 Files to Modify
Likely files to be updated:
frontend/src/pages/Home.tsx
frontend/src/styles/home.css (or relevant CSS/Tailwind file)
💡 Hints
Look for large margin-top, margin-bottom, or padding values
Check spacing behavior on larger screens (desktop)
Keep changes minimal and consistent with existing design
📚 Resources
https://tailwindcss.com/docs/spacing
https://developer.mozilla.org/en-US/docs/Web/CSS/margin
🏷️ Difficulty
Beginner Friendly
Intermediate
Advanced
⏱️ Estimated Time
Approximately 1–2 hours
📝 Description
The homepage currently has excessive vertical spacing between major sections, especially between the feature cards section and the “Why Choose Edulume?” section. This creates unnecessary scrolling and breaks visual flow on large and medium screens.
🎯 Goal
Reduce unnecessary vertical gaps between sections to improve visual continuity and user experience, without changing the overall theme or design language.
📋 Tasks
Identify sections with excessive margin / padding
Adjust vertical spacing for better content flow
Ensure spacing remains responsive across screen sizes
📁 Files to Modify
Likely files to be updated:
frontend/src/pages/Home.tsx
frontend/src/styles/home.css (or relevant CSS/Tailwind file)
💡 Hints
Look for large margin-top, margin-bottom, or padding values
Check spacing behavior on larger screens (desktop)
Keep changes minimal and consistent with existing design
📚 Resources
https://tailwindcss.com/docs/spacing
https://developer.mozilla.org/en-US/docs/Web/CSS/margin
🏷️ Difficulty
Beginner Friendly
Intermediate
Advanced
⏱️ Estimated Time
Approximately 1–2 hours