How to get rid of white space at the bottom of the page?

Question

css

On large widescreen monitors, a white space appears at the bottom, the picture needs to be stretched by 100% and the small footer in the left column is pressed to the bottom, I can’t do it through min-height, I can’t understand why, either I’m stupid, or it’s so made up that without you can’t figure out the piles)
Here is the stand https://t7.isimplelab.com/rich/auth?sir=0
Thanks in advance.

Answer 1

Your wrapper tags (starting with html,body) use the "height:100%" property, but not all of them. If you add this property to all nested tags, then the layout will stretch to 100% of the screen height (well, in the sense of the browser site display area).
To test this, simply change (decrease Ctrl+-) the scale of the site. And apply all the changes in a reduced scale - so you can immediately see what is moving where.
joxi.ru/8238Xp5sJv3RGA - so I hastily added this property to 3 "wrappers" in the developer panel - everything stretched out as it should. Look at the classes and repeat the same rules.