[Add] Code and Download Overlays Moving Out of Cards and towards corner on Hover

[Nishitbaria]

Details

Currently, there is an issue with the code and download overlays on the website. When hovering over certain elements to display the code and download options, the overlays are moving out of the cards, causing them to appear disconnected and disrupting the user experience.

Currently, there is an issue with the code and download overlays on the website. When hovering over certain elements to display the code and download options, the overlays are moving out of the cards, causing them to appear disconnected and disrupting the user experience.

Expected Behavior

The code and download overlays should remain within the confines of the cards, maintaining a visually cohesive and polished appearance. Users should be able to interact with the overlays without them moving out of place.

Screenshots

Type of Contribution

• [ ] Update to an existing Animated Button
• [ ] Adding a new Button
• [X] Resolving a bug
• [ ] Proposal to the Repository
• [ ] Changes related to documentation or README.md
• [ ] Other Changes

Checklist

• [X] I have checked the existing issues
• [X] I have read the Contributing Guidelines
• [X] I am willing to work on this issue
• [X] I am a GSSoC'23 contributor

[Nishitbaria]

@Spyware007 ,please assign me this issue