Skip to content

Conversation

@sibaiper
Copy link
Contributor

@sibaiper sibaiper commented Oct 4, 2025

Summary

Fixes footer layout issue on very wide screens where the footer does not stick to the bottom of the page.

Problem

  • On large screens, the homepage layout leaves the footer floating above the bottom of the viewport.
  • This looks fine on normal screens, but on very wide screens the gap is obvious.

Screenshots:

  • Big screen (before): original_big_screen

  • Small/normal screen (before): original_small_screen

Changes Made

  • Set html and body to take up the full screen height.
  • Adjusted footer styling so it always sticks to the bottom.

Testing

  • Verified locally on normal and wide screens.
  • Layout works consistently across different viewport sizes.

Let me know if further adjustments are needed.

closes #2079

- make html & body take the whole screen
- push the footer all the way to the bottom
@sibaiper sibaiper requested a review from a team as a code owner October 4, 2025 19:06
@netlify
Copy link

netlify bot commented Oct 4, 2025

Deploy Preview for expressjscom-preview ready!

Name Link
🔨 Latest commit 60207f0
🔍 Latest deploy log https://app.netlify.com/projects/expressjscom-preview/deploys/68fccf919e006a0008251760
😎 Deploy Preview https://deploy-preview-2075--expressjscom-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@github-actions
Copy link
Contributor

github-actions bot commented Oct 4, 2025

🚦 Lighthouse Results (Mobile & Desktop)

URL Device Perf A11y Best Practices
/ mobile 🔴 59 🟢 100 🟢 96
/en/blog/posts.html mobile 🟠 88 🟢 96 🟢 96
/en/5x/api.html mobile 🔴 70 🟢 95 🟢 96
/ desktop 🟢 100 🟢 100 🟢 96
/en/blog/posts.html desktop 🟢 99 🟢 96 🟢 92
/en/5x/api.html desktop 🟢 98 🟢 95 🟢 96

@ShubhamOulkar ShubhamOulkar self-assigned this Oct 25, 2025
Copy link
Member

@ShubhamOulkar ShubhamOulkar left a comment

Choose a reason for hiding this comment

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

LGTM

@ShubhamOulkar ShubhamOulkar merged commit c2f9f5a into expressjs:gh-pages Oct 25, 2025
14 checks passed
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.

Footer not anchored at bottom on large/wide screens

2 participants