[Solved] Why does index.html, but not Index.html, change the size of my webpage?

Question

First thing, the doc name does not have any impact on what you have typed inside the file. So you can either use index.html or Index.html. But it is good practice to use index.html.

And another good practice is to have all the .html files are in lowercase.
And I can see that the name of your css file is index.css. You should probably change it to something like styles.css which is another good practice.

Here, you are using html: 2vw; in media queries to change all the font sizes. But it won’t happen since <html></html> is only a wrapper.
To do this you can either use * : 2vw; for selecting all the tags or change the font-size of the tags individually.

Accepted Answer

First thing, the doc name does not have any impact on what you have typed inside the file. So you can either use index.html or Index.html. But it is good practice to use index.html.

And another good practice is to have all the .html files are in lowercase.
And I can see that the name of your css file is index.css. You should probably change it to something like styles.css which is another good practice.

Here, you are using html: 2vw; in media queries to change all the font sizes. But it won’t happen since <html></html> is only a wrapper.
To do this you can either use * : 2vw; for selecting all the tags or change the font-size of the tags individually.