UI IMPROVEMENT IN /devcard-demo

[Honey-pg]

Return Home button is overlapping main content.I will fix it kindly @ShantKhatri please assign it to me under gssoc26.

[leonagoel]

I would love to work on this issue. Please assign it to me

[Vinay32592]

Hello @ShantKhatri,

I would like to work on this issue under GSSoC'26.

Planned Fixes:

• Resolve the overlapping of the "Return Home" button with the main content
• Improve spacing, positioning, and alignment for better UI consistency
• Ensure responsiveness across different screen sizes
• Maintain the existing design structure while improving usability

Skills & Approach:

• Experience with frontend UI fixes and responsive design
• Will keep the implementation clean and minimal
• Will thoroughly test the layout before submission

Please assign this issue to me.

[anuragbraveboy-sudo]

Hi @ShantKhatri

I'd love to work on this issue under GSSoC'26!

I visited the /devcard-demo page and carefully analyzed the current UI issues.
The "Return Home" button is overlapping with the main content, which seems to be
caused by absolute positioning that breaks on certain screen sizes.
This creates a cluttered and unprofessional look, especially on mobile devices.

Here's my detailed plan to fix this:

Bug Fix:

• Identify the root cause of the button overlap (likely position: absolute
  without proper parent constraints)
• Switch to a flexbox or relative positioning approach to ensure the button
  stays in its correct place across all screen sizes

Spacing & Alignment:

• Review and fix inconsistent padding/margin across the demo page
• Ensure proper visual hierarchy so all elements feel balanced and clean
• Align elements consistently using a structured layout approach

Responsiveness:

• Add/fix media queries for common breakpoints (1024px, 768px, 480px)
• Test the layout on mobile, tablet, and desktop before submitting
• Make sure no element overflows or overlaps on any screen size

My Approach:

• I will first raise a Draft PR so you can review the direction before I finalize
• I'll keep changes minimal and clean — no unnecessary redesign
• Will test thoroughly across browsers and screen sizes before marking ready for review

I'm comfortable with HTML, CSS, and responsive design and I'm confident
I can deliver a clean fix for this. Please assign this issue to me! 🙏

[Harxhit]

@anuragbraveboy-sudo I’ve assigned this issue to you now. Also, please join our Discord community from the README section so we can communicate properly and provide valid labels for your contributions, which will help you score points in GSSoC.

[Honey-pg]

Hey @Harxhit , I had raise this issue and shown interest in working on this issue earlier and was planning to pick it up. I just noticed it’s been assigned to someone else.
just wanted to mention it in case there was any confusion. If there are similar open issues available please assign me anyone under gssoc26

[Harxhit]

Hi @Honey-pg, I assigned the issue based on the detailed analysis and implementation approach shared by the contributor. I appreciate your interest as well, and there will be more open issues available under GSSoC'26 that you can work on.

[Honey-pg]

you could ask me atleast once for it.if u could tell me any issue to work on that will be very much helpful.

[ShantKhatri]

you could ask me atleast once for it.if u could tell me any issue to work on that will be very much helpful.

Hi @Honey-pg , allow some time, I'll help you navigate to the further issues for now, on our first priority, and then will in our weekly call, make assignment for the whole week for you. Works?

[Honey-pg]

yeah sure.Thanks @ShantKhatri

[anuragbraveboy-sudo]

@Harxhit Thanks for assigning this issue to me!
I’ll join the Discord server from the README and begin working on the issue.