I wonder why Workspaces is highlighting 'min-width' in red?

I've noticed this numerous times on the Team Treehouse editor.

My initial guess was that it related to the part of the editor that reads text entry and offers syntax highlighting (to offer auto-fill to save typing everything out for example), and that it has an issue recognising/understanding what is meant by media queries. So even though 'min-width' is a standard CSS property, then because it's entered as part of a media query then the editor can't parse correctly what is going on?

However, the actual answer is that the editor is looking for you to explicitly enter a media types for your media queries (given that media queries aren't just used to alter CSS rules on screens, but also for printers and other media).

So the editor wants you to explicitly state that your media query is for the type 'screen'. Once you add in that key word to the selector on the rule, the red highlighting on 'min-width' and the curly braces will disappear, as it then sees the query as 'correct' in terms of it's syntax and not breaking any rules.

From what I've read more generally isn't essential to explicitly state the media type in most contexts in media queries, though someone with more experience may want to comment on that?

Example:

/*No issues with the below media query:*/
@media screen (min-width: 769px) {
    .container {
        width: 70%;
      max-width: 1000px;
        margin: 0 auto;
  }
}

/*Red highlights/original text*/
@media (min-width: 769px) {
    .container {
        width: 70%;
      max-width: 1000px;
        margin: 0 auto;
  }
}