Buttons overlap and overflow in mobile view

[mayankdixit46]

Describe the bug

In mobile view, the "Contact Me" and "Download My Resume" buttons are rendered side-by-side without proper spacing or wrapping. This causes them to overlap and overflow beyond the canvas, breaking the visual layout and usability.

Steps to reproduce

Go to the deployed portfolio website

Open developer tools (Inspect Element) and toggle mobile device mode (or open on a real mobile device)

Scroll to the section with "Contact Me" and "Download My Resume" buttons

Observe how the buttons overflow horizontally and overlap

Expected behavior

The two buttons should stack vertically (or be spaced properly if side-by-side), fitting within the mobile screen boundaries without overlap or horizontal scroll.

Is this responsiveness Issue

YES

Screenshots

Desktop

OS: macOS Catalina

Browser: Chrome

Version: 114.0.5735.199

Smartphones

Smartphones
Device: iPhone 13

OS: iOS 16

Browser: Safari

Version: Latest

Additional context

This likely needs a flex-wrap: wrap or flex-direction: column in mobile view, possibly inside the button-container class.

[AbrahamNobleOX]

Thanks for highlighting this! I’ve started working on a fix and will raise a PR shortly.

[AbrahamNobleOX]

I just submitted a PR for this fix #810

[tushars-code]

Can i work on this?

[AbrahamNobleOX]

@tushars-code I already did, here's the PR #810

[tushars-code]

Okay great