Container.vueのcssの@mediaのシンタックスエラー

[odanado]

VSCodeで Container.vue を開いたところ、上記の画像のようにCSSの@mediaでシンタックスエラーが発生しました

調べると https://stackoverflow.com/questions/36229356/whats-the-equivalent-of-the-container-bootstrap-class-in-purecss-io がヒットしました

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

と書くべきではないでしょうか？