[BUG] Icons overlapping the Text in the mobile view.

[Tholkappiar]

Description

Issue Title:

Improve Mobile View: Move Social Media Icons to Footer

Description:

When accessing the website on a mobile device, the social media icons overlap with the text, impacting the user experience. I propose relocating the social media icons to the footer to enhance the mobile view and avoid interference with the main content.

Problem:

The social media icons are currently positioned in a way that they overlap with the text on the mobile view, making it difficult for users to read the content.

Proposed Solution:

Move the social media icons to the footer of the website to ensure they don't interfere with the main content on the mobile view. This adjustment will enhance the user experience and maintain a clean and organized layout.

Kindly Assign this issue to me under IWOC.

Screenshots

Screenshots:

Any additional information?

No response

What browser are you seeing the problem on?

No response

Checklist

• I have starred the repository
• I have checked the existing issues
• I have read the discussion tab thoroughly and got the project idea
• I am willing to work on this issue (optional)
• I am a SWOC'24 contributor
• I am an IWOC 2.0 contributor

[github-actions]

Congratulations, @Tholkappiar! 🎉 Thank you for creating your issue for Virtuo-Learn. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work! Should you have any queries or require guidance, do not hesitate to ask.

[Bhupendra3444]

hey @JAYESHBATRA please assign me this issue under iwoc.

[DrishnaTrivedi]

@JAYESHBATRA please assign this issue to me under GSSoC. I can contribute effectively.