CSS пытается изменить порядок div nth-child() с помощью медиа-запроса, но не работает ⇐ Html

[Anonymous]

Я хочу изменить порядок элементов div, но он не работает, и класс навигации не отображается в медиа-запросе после проверки. Надеюсь на помощь экспертов.
CSS:

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

 @media screen and (max-width:810px) and (min-width:413px) {
.nav:nth-child(2) {
order: 2;
}
}

HTML-код:

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

[i][/i]

[url=#]Home[/url]

[url=#]Categories[/url]

[url=#]Trending[/url]

[url=#]Contact Us[/url]


@csrf
Logout


[url=#]Log In[/url]

[url=#] [i][/i][/url]

[i]

[/i]



[i][/i]

Если у вас есть вопросы, напишите мне сообщение.

Подробнее здесь: https://stackoverflow.com/questions/772 ... ot-working