search

saziosu / book-swap

Code Institute: Project 4. Grade: Distinction
https://book-swap-13f900a2d9c7.herokuapp.com/
0 stars 1 forks source link

BUG: Footer not sitting at the bottom of the page #22

Closed saziosu closed 10 months ago

saziosu commented 10 months ago

Describe the bug On pages with less content the footer is not sitting at the bottom of the page

To Reproduce Steps to reproduce the behavior:

  1. Go to /signup/
  2. The footer is halfway up the page

Expected behavior The footer should be fixed to the bottom of the page

Screenshots

image
saziosu commented 10 months ago

Used bootstrap's flex to push the footer to the bottom of the page.

Updated the body to min-vh-100 The main content was set to flex-grow-1 to allow it to grow to fill the page the footer was set to flex-shrink-0