[SOLVED]How to stop webpage resizing.

Question

I have made a code.
<removed>
Initially height:100vh and width:100vw
But when size of inner div element increases it changes size of page. 🤔
I tried using max-width and max-height but it's not working .

And I can scroll also due to this resizing....It looks bad. I want to stop this resizing.
Please help
Calviղ ,Gordon sir please help.
resize:no-resize; is also not working. 😣

Answer 1

Don't use body to fix layout size, make a container class for the inner element instead.
Set container to absolute position with overflow hidden.

The container class also need to set width and height to full size explicitly, max-width and max-height cannot defined the current full screen for the dark background color.

https://code.sololearn.com/Wikbl7XSMNRc/?ref=app