Improve About Page UI & Make it Responsive
#2 opened on Oct 5, 2025
Repository metrics
- Stars
- (2 stars)
- PR merge metrics
- (PR metrics pending)
Description
📌 Issue: Improve About Page UI & Make it Responsive
📝 Description The About Page currently provides all the necessary information but lacks responsive design and modern UI styling. The goal is to improve the layout, responsiveness, and overall user experience so the page looks appealing and works seamlessly across all devices (desktop, tablet, mobile).
✅ Tasks / Improvements Needed
-
Responsiveness Adjust text alignment and font sizes for different screen sizes. Ensure the navbar and footer adapt properly in smaller viewports. Make the search bar and login button responsive.
-
UI Enhancements Add proper spacing (padding & margins) between sections for better readability. Improve typography (consistent font sizes, weights, and line height). Add hover effects on navbar links and social media icons. Improve footer spacing and alignment.
-
Accessibility Improvements Ensure color contrast meets accessibility guidelines Optimize font size for readability on mobile and tablet screens.
-
Additional Suggestions Add an illustration/banner image on the About page for visual appeal. Add scroll animations or a subtle fade-in effect for interactivity. Introduce an “Our Mission” section with cards to make the content more engaging.
🎯 Expected Outcome A modern, professional, and fully responsive About Page. Improved readability, accessibility, and user engagement.
🔧 Tech Stack Frontend: React + CSS/Tailwind/Styled Components
🏷 Labels hacktoberfest good first issue enhancement hacktoberfest-accepted