Fix Button Overlap on Hover & Improve Portfolio UI

[arorasneha08]

Hii , I noticed that on the portfolio website, when hovering over the buttons (e.g., “Download as PDF” and “Visit GitHub”), they overlap each other due to hover scaling or margin effects. This affects the layout and usability.

Issue:
Buttons overlap on hover.

Hover effects seem to expand buttons without enough spacing.

Suggested Fix:

Adjust the hover transition (e.g., use transform: scale() more subtly or add margin/spacing between buttons).

Ensure consistent button alignment.

Additionally, I’d love to work on improving the overall UI of the portfolio section — including color contrast, font balance, and button design for a more modern, polished look.

Could you please assign this issue to me and label it with Hacktoberfest? 🎃

Thanks!

[aayush105]

@arorasneha08

Please pull the recent commits first else you will have the conflict issue.

1. If you have forked the repo, than go to your repositories section and than click sync fork, than click update branch.

2. Go to the vs code or the ide you used and go to the master/main branch please check it first and than go to that master or main branch and pull all the recent commits.

3. And create a new branch for every new pr/issue and work on it and create a pr.

As i mentioned this because you haven't pulled the recent updates of the repo so it will cause the conflict issue when you update the existing code and create a pr. So for better approach always pull the recent commits and only work on the new project to avoid conflict issue.

[arorasneha08]

Hi, I’ve successfully synced my fork and pulled the latest commits for both the master and tech-animation branches. Everything is now up to date . Please consider reviewing and merging the pull request for the tech-animation branch when you have a chance. Thanks for your help!

[arorasneha08]

Could you please assign this issue to me @aayush105 ?

[aayush105]

I have assigned it to you @arorasneha08