update(CSS): web/css/@media (#3812)

Co-authored-by: Vitalii Perehonchuk <[email protected]>

files/uk/web/css/@media/index.md

@@ -171,6 +171,10 @@ _Логічні оператори_ `not`, `and`, `only` й `or` можуть в
 Це заголовки HTTP, що запитують вміст, який наперед оптимізований для конкретних потреб медіа.
 Серед них {{HTTPHeader("Sec-CH-Prefers-Color-Scheme")}} і {{HTTPHeader("Sec-CH-Prefers-Reduced-Motion")}}.
 
+## Формальний синтаксис
+
+{{csssyntax}}
+
 ## Доступність
 
 Щоб якнайкраще врахувати потреби людей, які змінюють розмір тексту на сайті, слід використовувати для ваших [медіазапитів](/uk/docs/Web/CSS/CSS_media_queries/Using_media_queries) одиниці [`em`](/uk/docs/Web/CSS/CSS_Values_and_Units#chyslovi-typy-danykh), коли потрібні значення {{cssxref("<length>")}}.
@@ -186,10 +190,6 @@ _Логічні оператори_ `not`, `and`, `only` й `or` можуть в
 
 У зв'язку з цим потенціалом браузер може вирішити якось викривити повернені значення, щоб запобігти їх використанню для точного ідентифікування комп'ютера. Браузер може також пропонувати додаткові заходи в цій галузі; наприклад, якщо ввімкнено налаштування Firefox "Опиратися відстеженню за відбитком", то чимало медіазапитів віддає усталені значення, а не значення, що представляють реальний стан пристрою.
 
-## Формальний синтаксис
-
-{{csssyntax}}
-
 ## Приклади
 
 ### Перевірка на типи медіа – друк і екран