Ошибка с медиазапросами

У меня не работают медиазапросы почему то, только начинаю писать и ставлю @ как редактор кода уже мне говорит что происходит ошибка, код даже не подсвечивает адекватно цветами как должно быть когда все правильно, а в браузере в инструментах разработчика отображается ошибка "unknown property name", типа неопознанное название, мета-тег meta name="viewport" content="width=device-width, initial-scale=1.0" есть если что. Второй медиазапрос вроде уже отображает в редакторе корректно,но ничего все равно не работает, снова выдает ошибку unknown property name.

введите сюда описание изображения

введите сюда описание изображения


Ответы (1 шт):

Автор решения: Александр Сычёв

В css обращение к классам в медиазапросе происходит таким образом

.contaiter {
  width: 500px;
  height: 500px;
  background-color: rgb(214, 13, 13);
  margin: 100px auto;
  position: 0 15px;
}

@media screen and (min-width: 300px) {
  .contaiter {
    background-color: #fff;
  }
}

@media screen and (min-width: 400px) {
  .contaiter {
    background-color: #000;
  }
}

→ Ссылка