I have a problem Media querys

Question

I wrote a Media query in css and it's not working, it's not even getting recognized by my text editor !

Answer 1

Did you place the query directly underneath the original selector for that element? That's the only way that they will work, so I would recommend trying something out like this:

#element{
}

@media screen and (min-width:500px){
#element{
}
}

Answer 2

yes I did but the problem was that it was not recognizing the min_width parameter that I was using, I don't know what exactly happened but when I restarted my text editor and my local Host it worked :p

Answer 3

can I ask you a question about your code ?

Answer 4

what's screen and for i write my Media querys without it

Answer 5

Screen basically just defines that the query will only come into effect with something that is typically an RGB screen (which primarily includes phones and computers). It isn't something mandatory, but it just makes sure that it doesn't take into effect for other media types. d:

Answer 6

ohh wow that's interesting
ok thank you so much :)

Answer 7

khalil alla No problem! ;)