Why is the media query not working or what is wrong here?

Question

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

Answer 1

Sameer Crestha

There are typos in your CSS code:

Line 46: you missed a semicolon
Line 63: 'a1 a2 a 3 aside'
^
There was an extra space before no 3.
Line 40, Line 67:
You can't add something like that in CSS.
Incorrect way:
--------
padding: 5px+4vh; ❌
--------
Correct way: Use calc() to compute those
--------
padding: calc(5px + 4vh); ✔️
--------

I don't know why
@media(width>60px)
is not working
but when I changed the condition to
@media(max-width: *some* )
or
@media(min-width: *some* ),
it was working.

Answer 2

Sameer Crestha
I edited your code
See this:
https://code.sololearn.com/WqwC6w7ulswX/?ref=app