Keeping your Bear Blog footer at the bottom of the screen

21 Apr, 2026

Sometimes your post has can have a few words only, the footer containing Powered by Bear ʕ•ᴥ•ʔ is floating at the center.

This bothered me.

I wanted it on the bottom of the screen on any device.

Here’s the CSS I used to do it:

body {
  display: flex;
  flex-direction: column;
  min-height: 90vh; 
  height: 100%; 
}

main {
  flex: 1; 
}