fix: resolved overlapping social media buttons overlapping

[Rupalpy]

Title and Issue number

Title :Social Media Buttons Overlapping

Issue No. : #919

Code Stack :

Close #919

Description

changed some css part

Video/Screenshots (mandatory)

Type of PR

• [ x] Bug fix

Checklist:

• [x ] I have performed a self-review of my code.
• [x ] I have tested the changes thoroughly before submitting this pull request.
• [ x] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [x ] I have gone through the contributing.md file before contributing

##Are you contributing under any Open-source programme?

• [ x] I am contributing under GSSOC'24

[netlify]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	4dad18e
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/66804599eaa4510008d917fe
😎 Deploy Preview	https://deploy-preview-950--taupe-cendol-f7e2bb.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Hi @Rupalpy! Thank you for your valuable contribution! Our team will review it and get back to you soon.

[apu52]

@Rupalpy this PR has merging conflicts .Please try to resolve the conflicts so that I can review/merge the PR . Or best thing u can submit a total new PR (making a new branch in your PR) to avoid the conflicts