Okay so what I need is
Footer to stay at bottom of sample pages
Foot to not over lap or under lap anything
when page is on a small screen, footer is below all content
when page is on a large screen footer is at the bottom of the screen so there's no unwanted white space beneath the footer....
I have tried everything
I tried making the footer absolute and positioned at bottom, didn't work on all screen sizes
I tried making the footer fixed and positioned at bottom, again didn't work on all screen sizes
I tried making my middlediv (all content on page) different VH or VW or % and nothing worked.
these pages specifically