Enhance Mobile Responsiveness and Appearance via Meta Tags #160
Conversation
…lor, and color-scheme meta tags
|
please label is gssoc |
|
@Samridha0305 Write the issue which you have solved in this way -> |
done sir |
|
@Samridha0305, You need to mention the issue no, not pr number. |
|
sir i couldnot find the issue number (i am a fresher, sorry sir)
|
|
@ygowthamr Can you plaese merge it? |
ygowthamr
left a comment
ygowthamr
left a comment
There was a problem hiding this comment.
The changes you have made in the index.html file in the root directory are not in use, and there is a problem with one of your changes. The problem is browser ignores this line because =light dark is invalid.
|
@ygowthamr Hi, I’m Aarushi (Contributor at GSSoC’25). I went through this issue and would love to work on it. Could you please assign it to me? |
3 participants
Fixes: #160
Summary
This PR improves the mobile responsiveness and visual experience of the application by updating the section with essential meta tags. These changes enhance cross-device compatibility and improve support for accessibility and modern UI preferences.
Changes Made
🛠️ Added to improve mobile scaling and prevent zoom issues.
🎨 Introduced to match the browser UI with the app's color palette on mobile.
🌙 Added to support dark/light modes automatically based on user system preferences.
🧠 Placeholder for meta description added — ready for future SEO enhancement.
Why This is Needed
These updates follow modern web best practices for mobile-first design and progressive web apps (PWA). They enhance usability and accessibility while improving visual integration with mobile browsers.
Additional Notes
Part of my contributions for GSSoC '25 🚀
Looking forward to feedback and further improvements!