Keep Footer Positioned at the Bottom of the Page

Open Beginner friendly
#96 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
72/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Quiet
Tech stack
css
Domain
frontend

Research direction

Start by running the page with content that does not fill the viewport and inspect the page layout and footer styling. Verify the footer reaches the bottom when content is short, remains below the content when it is long, and does not leave unnecessary space beneath it.

Written by the indexing model from the issue text.

Description

good first issue

Issue Description:
The page footer currently appears to float above the bottom of the page when there is not enough content to fill the full screen height. This makes the layout look incomplete and leaves unnecessary empty space below the footer.

Update the page layout so that the footer stays at the bottom of the viewport while still moving naturally below the page content when the content is longer than the screen.

Expected Behavior:
The footer should remain aligned with the bottom of the page when content is limited and should not appear floating in the middle of the screen.

UI:
Image

Dominant language
CSS
Stars
0
Forks
9
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from BCStudentSoftwareDevTeam/bcsr

All issues in BCStudentSoftwareDevTeam/bcsr

Similar issues

More Web Dev issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.