Why is the div element with fixed position not working properly in Solo-learn but is working properly in web-browsers??

Question

The heading of my webpage ARTIST GALLERY which is here on Sololearn on my profile is not working properly in Sololearn but is working properly in web-browsers.... I am not able to understand..

Answer 1

If I understand correctly the problem here

1. spacing between the heading section and paintings section.

2. Font-size

Check if adding the following to css solves your problem

body {
height: 100vh;
font-size: 16px; /* edit value as per your preference*/
}

Answer 2

Quantitanic can you please explain what is the problem here.

position: fixed; style working or not?

Answer 3

See when I open my HTML CSS code in web browser like edge and then check for its compatibility in different devices then it works and looks similiar but when I posted the same code on Sololearn somehow its showing it wrong( by which I mean not looking as I intended) so I am asking is this a compatibility issue like some code that Sololearn doesnt support or is it the problem with my code...
The Heading should look normal sized and their should be space between the paintings section and crafts section.

Answer 4

Yes thank you height in terms of vh solved the problem in Sololearn.

Answer 5

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