I’ve made the stylesheet below for my website, developing with desktop in mind, specifying a font-size for the body element and doing everything else relative to that (using em). Now I’d like to be able to set a larger font-size for when the website is viewed on a mobile phone, so I’ve added a simple media query. My flow to try testing is:

I’ve made the stylesheet below for my website, developing with desktop in mind, specifying a font-size for the body element and doing everything else relative to that (using em). Now I’d like to be able to set a larger font-size for when the website is viewed on a mobile phone, so I’ve added a simple media query. My flow to try testing is:

I’ve made the stylesheet below for my website, developing with desktop in mind, specifying a font-size for the body element and doing everything else relative to that (using em). Now I’d like to be able to set a larger font-size for when the website is viewed on a mobile phone, so I’ve added a simple media query. My flow to try testing is:

I’ve made the stylesheet below for my website, developing with desktop in mind, specifying a font-size for the body element and doing everything else relative to that (using em). Now I’d like to be able to set a larger font-size for when the website is viewed on a mobile phone, so I’ve added a simple media query. My flow to try testing is:

I’ve made the stylesheet below for my website, developing with desktop in mind, specifying a font-size for the body element and doing everything else relative to that (using em). Now I’d like to be able to set a larger font-size for when the website is viewed on a mobile phone, so I’ve added a simple media query. My flow to try testing is:

I’ve made the stylesheet below for my website, developing with desktop in mind, specifying a font-size for the body element and doing everything else relative to that (using em). Now I’d like to be able to set a larger font-size for when the website is viewed on a mobile phone, so I’ve added a simple media query. My flow to try testing is:

According to the MDN Web Docs, “aspect-ratio” should be able to be applied to “@container”. Unfortunately I cannot reproduce it.

I encountered a problem when coding in media queries CSS. My @media typing in Visual Studio Code is not functioning right like in every other computer. The screenshot im leaving here, I have 8 problems appear in my index.html file and even though I code right with the documentation, the problem contunies. How can I solve this?
Black background is what my teacher’s, it needs to be like this

I encountered a problem when coding in media queries CSS. My @media typing in Visual Studio Code is not functioning right like in every other computer. The screenshot im leaving here, I have 8 problems appear in my index.html file and even though I code right with the documentation, the problem contunies. How can I solve this?
Black background is what my teacher’s, it needs to be like this

I had: