Forum Academy Marketplace Showcase Pricing Features

Keeping the footer position consistent

Very often I run into this issue:

I have things looking and acting good on desktops and smaller devices. But then when I add elements, even when they are hidden and collapsed, the footer positioning becomes messed up. Sometimes the content overlaps the footer. Other times there is empty space above and below the footer. I wish there was a way to control this better using css such as this: