Fixed page size

So I am trying to build a site the shows the navbar and footer with a section between with some card showing environmental sensors. The site will never need to scroll. But when I add all the elements, the footer is always aff the bottom of the screen and I have to scroll. How do I get the page to fit every screen without needing to scroll? Thank you.

You could try making the footer position-absoloute bottom-0 w-100, that way the footer will always be stuck to the bottom of the screen.

I would generally say it’s best not to assume your site can fit on one screen without scrolling though as with so many different screen sizes, it’s impossible to account for every size. What if, for some reason someone views the site on their smart watch?

1 Like

The site I’m building is not for public consumption. It’s for our personal use on our farm. Thank you for the response.

1 Like

That sounds interesting. Having farmers in the family, I’m curious about the sensors you’re using and what you’re monitoring. :smiley:

1 Like