CODEWITHSUNDEEP
cssvalidationparse-error
floyd
floyd

Reputation: 131

CSS3 Parse Error Lexical error

I keep getting this error and am not sure why it pops up when I validate it. Can anyone explain this to me and how to fix it? The error is this: 246 #copyright Parse Error Lexical error at line 249, column 2. Encountered: " " (32), after : "@"

Here is the code. I am starting with line 246, which I guess where it starts...not really understanding what is going on here. Line 246 is the closing bracket for my smartphone css. I can post that also if you need it. Much appreciated. 

}
/* ----- Tablet ----- */
@ media screen (min-width: 481px) and (max-width: 769px) {
   div#wrapper{
      margin: 0 auto;
      padding: 1em;
      width: 98%;
    }
    header h1 {
        font-size: 1.8em;
    }

}

Upvotes: 0

Views: 2202

Answers (2)

DareDev1l
DareDev1l

Reputation: 179

There shouldn't be any space between @ and media.

It should be :

@media //not @ media

Upvotes: 1

BoltClock
BoltClock

Reputation: 723698

The error message is saying that the parser encountered a space " " after the "@" following line 246. The space is not supposed to be there, hence the parse error; you need to remove it.

You are also missing an and from this media query.

Here is the correct syntax:

@media screen and (min-width: 481px) and (max-width: 769px) {

Upvotes: 1

Related Questions