[Feature] Optimize “Features” Section for Mobile View #49
Description
In the mobile version of the website, the Features section feels too long and overloaded with many cards stacked vertically. This makes it harder for users to scroll through and focus on the main highlights.
Goal:
Make the mobile version of the Features section more compact, clear, and visually balanced.
Why:
- Improves readability and user experience on mobile.
- Keeps visitors engaged by showing key highlights first instead of overwhelming them with all details.
- Creates a more professional, modern impression on small screens.
Suggested Changes:
- Show fewer feature cards by default (e.g., 3–4 key ones).
- Add a “Show more” / “Expand” button to reveal the rest.
- Reduce padding/margin between cards for mobile view.
- Consider turning cards into a horizontal scroll or carousel.
- Make sure titles and icons remain clear and consistent in size.
Design Notes:
Maintain the same design identity — colors, shadows, animations — but adjust spacing and layout for compact display.
The desktop version should remain unchanged.