This PR addresses issue #252 by enhancing the mobile view of the Apply Section. The current design displays full headings, which can clutter the interface on smaller screens. To improve usability, the following changes have been implemented:
Collapsible Headings: The headings "Join us on Discord" and "Start Contributing" are now collapsible. On mobile, they display a "See More" option, which expands the section to show the full content when clicked.
Action Buttons: The action buttons (e.g., "Join Discord" and "Contribute") remain visible at all times and are positioned consistently to ensure easy access for users.
Responsive Design: These changes are aimed at creating a cleaner, more organized interface, aligning with best practices for responsive design.
Expected Outcome: Users will experience a more intuitive and streamlined interface on mobile devices, allowing them to focus on key actions without unnecessary clutter.
This PR addresses issue #252 by enhancing the mobile view of the Apply Section. The current design displays full headings, which can clutter the interface on smaller screens. To improve usability, the following changes have been implemented:
Collapsible Headings: The headings "Join us on Discord" and "Start Contributing" are now collapsible. On mobile, they display a "See More" option, which expands the section to show the full content when clicked. Action Buttons: The action buttons (e.g., "Join Discord" and "Contribute") remain visible at all times and are positioned consistently to ensure easy access for users. Responsive Design: These changes are aimed at creating a cleaner, more organized interface, aligning with best practices for responsive design.
Expected Outcome: Users will experience a more intuitive and streamlined interface on mobile devices, allowing them to focus on key actions without unnecessary clutter.
Screencast from 2024-09-04 16-14-59.webm
Please review the changes and provide feedback. Thank you!