Problem with body height in Form

Hello! I’ve finished the Submit form project but my work is not fully responsive. The top of the page is somehow cut and not visible on mobile devices. What’s wrong with my CSS ? Looks that something’s not set properly with height property. For example it looks like this:

Here’s my codepen :

In Chrome, right click on the hidden element and use “Inspect”.
Then you will see, that your transform puts the element off the screen.

Well, I’ve tried devTools of course :slight_smile: Removed the position: absolute and similar properties, added some media queries and it is working much better…Thanks. The question is: is there any point in using position: relative etc, since there’s flexbox most common in use?

I change position only for fixed elements like headers