[Bug]: Footer Section Overlaps with Homepage Content

[kekubhai]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

The footer section of the homepage is currently overlapping with the main content, creating a visually unappealing and confusing user experience. This overlap occurs when the content extends beyond the viewport height, causing the footer to encroach on the available space.

Expected behavior

To address this issue, we should implement a design that separates the footer section from the main content, ensuring a clear distinction between the two. Here are some potential approaches:

Fixed Footer: Position the footer at the bottom of the viewport, allowing it to remain visible even when the user scrolls. This would prevent the footer from overlapping with the content.
Sticky Footer: Implement a sticky footer that remains fixed at the bottom of the viewport until the user scrolls to the bottom of the page. This would ensure that the footer is always accessible without obstructing the main content.
Footer Reveal: Introduce a mechanism that reveals the footer when the user scrolls to the bottom of the page, preventing it from overlapping with the content but still providing easy access.

Add ScreenShots

On which device are you experiencing this bug?

Chrome, Windows

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'24 contributor
• I have starred the repository

[github-actions]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.