Skip to content

Conversation

@Gagan202005
Copy link
Contributor

📌 Summary

This PR removes unnecessary top margin applied to the footer, which was creating extra white space at the bottom of the page. The issue was especially noticeable in dark mode, where the spacing looked visually inconsistent compared to light mode.


This PR Resolves keploy/keploy#3656

🔍 Problem Description

The footer had the following CSS rule:

footer {
  margin-top: 4%;
}

This caused:

  • Extra white space above the footer

  • Visual imbalance at the bottom of the page

  • Noticeable inconsistency in dark mode UI

  • Footer appearing detached from the main content

✅ Solution Implemented :

  • Removed margin-top: 4% from the footer styles

🧪 How to Test :

  • Run the keploy-docs website locally.

  • Navigate to any documentation page.

  • Scroll to the bottom of the page.

  • Toggle between light and dark modes.

  • Confirm that:

    No extra white space appears above the footer

    Footer aligns naturally with the content

Screenshots :

image image image

Checklist:

  • My code follows the style guidelines of this project.
  • I have performed a self-review of my own code.

Signed-off-by: Gagan202005 <gagansinghal2005@gmail.com>
Copy link
Member

@Achanandhi-M Achanandhi-M left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@Achanandhi-M Achanandhi-M requested a review from nehagup January 27, 2026 10:17
@nehagup nehagup merged commit 10cc67f into keploy:main Jan 27, 2026
4 of 6 checks passed
@Gagan202005 Gagan202005 deleted the remove-whitespace branch January 27, 2026 17:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[docs]: Unnecessary massive whitespace before footer starts

3 participants