Ошибка синтаксического анализа CSS-валидатора "@media { footer{... a {...}} }" ⇐ CSS

[Anonymous]

Я пытаюсь проверить свой CSS-файл и получаю ошибку синтаксического анализа в этой строке, и я не совсем понимаю, почему, у меня все теги закрыты, и если я помещу внешнюю часть нижнего колонтитула, он изменится. желаемый результат... Что я здесь делаю не так?

Код: Выделить всё

  @media (max-width: 600px) {
footer {
flex-direction: column;
gap: 12px;

a {
display: flex;
justify-content: center;
gap: 8px;
}
}
}

Я пробовал менять последовательность кода и переписывать теги на всякий случай, но результат меняется в зависимости от того, как я его пишу, к тому же я толком не знаю, что могу ли я изменить ошибку синтаксического анализа в валидаторе.

Подробнее здесь: https://stackoverflow.com/questions/787 ... a-footer-a