I am trying to validate a css file. Every one of my media queries is getting a parse error.

I have checked and I do not have any missing curly brackets, colons, or semi-colons.

I also set the W3C Validator to validate CSS 3.

Below is a sample of a media query that is getting a parse error:

@media and (min-width: 600px){
        font-size: 3.5em;
        margin-top: 25px;

What can be the problem?

  • Also tried without the and in the first line, as well as adding a semi-colon after 600px. All give parse errors.
    – as_whitley
    Apr 6, 2016 at 14:43

1 Answer 1


Here is a working example code from my own CSS.

@media screen and (max-width: 750px) {

    width: 85%;


You will notice the addition of the term screen.

  • @as_whitley I am glad I could help! I was sure it was something simple. We all miss stuff from time to time. I have seen bad code on otherwise excellent sites that are very reliable. It happens to all of us. Cheers!!
    – closetnoc
    Apr 6, 2016 at 15:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.