Почему не работает медиа запрос?

Question

[vani846]

.elips{
    position: absolute;   
    width: 780px;
    height:455px;
    border: 1px solid black;
    border-radius: 390px / 227.5px;
    margin-top: 150px;   
    rotate: 112deg;

   @media (max-width: 1200 - 0.2) {
     width: 546px;
    height: 318.5px;
    border-radius: 273px /159.25px;
    }
}

Comments

[szQocks]

1200px - 0.2px

а может ещё и calc обернуть понадобиться

Answer 1

[PolarOne]

Извините, не заметил, что у вас SASS в тегах стоит. Тогда ответ ниже не актуален немного.
Рекомендую статью с разбором по media sasshttps://habr.com/ru/articles/513626/

Вы делаете медиа со скобками и помещаете туда обычные стили, посмотрите на примере ниже.

@media screen and (min-width: 900px) {
  article {
    padding: 1rem 3rem;
  }
}

В вашем примере должно быть приблизительно так. Вы же не добавили закрывающую скобку, пропустили @, и стили в медиа вовсе не правильно указали. Попробуйте css ниже

@media (max-width: 1200px) {
.elips
{
width: 546px;
height: 318.5px;
border-radius: 273px /159.25px;
}
}

Вынес скобочки чтоб видно было

Comments

[WapSter]

У него валидный синтаксис scss, ошиб скорее всего в минусе

[PolarOne]

WapSter, да, я потом только заметил тег ((