Screen tag in css showing error in netbeans?

Question

I am creating a sample application using netbeans which has some css files in it. I am using the following tag:

@media screen and (max-width: 320px) { #hero{height: 480px;} .herocontent{padding-top: 100px; padding-bottom: 30px;} } 

This tag shows the error as "expected characters found and."

 @media only screen and (max-width: 500px) { .gridmenu { width:100%; } } 

This tag shows the error as a message about the expected value of the character. Please help me solve these problems.

Answer 1

there might be a NetBeans error, see this https://netbeans.org/bugzilla/show_bug.cgi?id=177048

Answer 2

Since the above code is technically correct, it sounds as if it is a bug in the application. Try abandoning only screen and and screen and , as they are not super necessary and see if that helps! -GL