Event Page Layout Breaks on Small Screens #770
Description
Issue: Event Page Layout Breaks on Small Screens
Description:
On small screens (mobile devices or narrow browser windows), much of the content on the Events page gets cut off or overlaps, making it difficult for users to view important information. The page layout is not fully responsive and needs adjustments to ensure all content is accessible.
Tasks:
- Review and adjust grid and flex layouts for small screens.
- Ensure text, images, and cards resize or stack properly without overflow.
- Implement horizontal scroll only where necessary (e.g., tables or code blocks).
- Test on multiple devices and screen sizes to ensure consistent experience.
- Optimize font sizes, paddings, and margins for mobile readability.
