Синтаксис экрана мультимедиа не работает в моем css

Question

мультимедийный экран не работает. Я не знаю, как ты это делаешь. Спасибо за вашу помощь.

#main {
         display: flex, inline-flex;
         a:-web-link-any {
            margin: 30px;
        }
    }


    @media screen and (max-width: 1064px) {
          #main {
              a:-web-link-any {
                  margin: 30px;
              }
         }
    }

<div id="main">
<a href="">test</a>
</div>

Answer 1

У вас синтаксическая ошибка, проверьте правильный синтаксис

#main {
     background:red;
display: flex, inline-flex;
     
}

#main a {
    margin: 30px;
}

@media screen and (max-width: 1064px) {
      #main a {
              margin: 200px;
          }
}

<div id="main">
<a href="">test</a>
</div>