Tag positioning

Question

How can I make my main section of the website centred and not below the hidden elements after you have logged in and got past the loading screen?

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

Answer 1

You need to use the CSS display property instead of visibility in your #loader, .invi, and .visi selectors.

display: none; REMOVES its element and children from the page, while visibility: hidden; HIDES the element - its still taking up space.

Read more here:
https://stackoverflow.com/a/133064