Apply suggestions from code review

dolgachio · web-flow · commit 3768fc684d20 · 2023-08-12T20:17:14.000+03:00
diff --git a/2-ui/1-document/10-size-and-scroll-window/article.md b/2-ui/1-document/10-size-and-scroll-window/article.md
@@ -16,8 +16,8 @@
 <button onclick="alert(document.documentElement.clientHeight)">alert(document.documentElement.clientHeight)</button>
 ```
 
-`` ``warn header="Не `window.innerWidth/innerHeight`"
-Браузери також підтримують властивості `window.innerWidth/innerHeight`. Начебто схоже на те, що нам потрібно. Чому не використати їх?
+````warn header="Не `window.innerWidth/innerHeight`"
+Браузери також підтримують властивості `window.innerWidth/innerHeight`. Начебто схоже на те, що нам потрібно. Чому б їх не використати?
 
 Якщо є смуга прокрутки, і вона займає деякий простір, то властивості `clientWidth/clientHeight` нададуть ширину/висоту без прокрутки (віднявши її). Інакше кажучи, вони повертають ширину/висоту видимої частини документа, доступної для вмісту.
 
@@ -29,22 +29,20 @@ alert( window.innerWidth ); // повна ширина вікна
 alert( document.documentElement.clientWidth ); // ширина вікна мінус смуга прокрутки
 ```
 
-У більшості випадків нам потрібна *доступна* ширина вікна без смуги прокрутки, щоб намалювати або розташувати щось. Тому ми повинні використовувати `documentElement.clientHeight/clientWidth`.
-`` ``
+У більшості випадків нам потрібна *доступна* ширина вікна без смуги прокрутки, щоб намалювати або розташувати щось. Тому ми маємо використовувати `documentElement.clientHeight/clientWidth`.
 
-` ``warn header="`DOCTYPE` важливий"
+```warn header="`DOCTYPE` важливий"
 Зверніть увагу: геометричні властивості верхнього рівня можуть працювати дещо інакше, якщо в HTML немає `<!DOCTYPE HTML>`. Можливі дивні речі.
 
 У сучасному HTML ми завжди повинні вказувати `DOCTYPE`.
-` ``
 
 ## Ширина/висота документа
 
 Теоретично, оскільки кореневим елементом документа є `document.documentElement`, і він охоплює весь вміст, ми можемо виміряти повний розмір документа як `document.documentElement.scrollWidth/scrollHeight`.
 
 Але для цього елемента для всієї сторінки ці властивості не працюють належним чином. У Chrome/Safari/Opera, якщо немає смуги прокрутки, то `documentElement.scrollHeight` може бути навіть меншим, ніж `documentElement.clientHeight`! З точки зору елемента це неможлива ситуація.
 
-Щоб надійно отримати повну висоту документа, ми повинні взяти максимальне з цих властивостей:
+Щоб надійно отримати повну висоту документа, ми повинні взяти максимальне значення з цих властивостей:
 
 ```js run
 let scrollHeight = Math.max(
@@ -62,7 +60,7 @@ alert('Повна висота документа з прокрученою ча
 
 Елементи DOM зберігають свій поточний стан прокрутки у властивостях `scrollLeft/scrollTop`.
 
-Стан прокрутки документа міститься в `document.documentElement.scrollLeft/scrollTop`, та працює в більшості браузерів, за винятком старіших вебпереглядачів створених на WebKit, таких як Safari (помилка [5991](https://bugs.webkit.org/show_bug.cgi?id=5991)), де ми повинні використовувати `document.body` замість `document.documentElement`.
+Стан прокрутки документа міститься в `document.documentElement.scrollLeft/scrollTop`, та працює в більшості браузерів, за винятком старіших браузерів створених на WebKit, таких як Safari (помилка [5991](https://bugs.webkit.org/show_bug.cgi?id=5991)), де ми повинні використовувати `document.body` замість `document.documentElement`.
 
 На щастя, нам не потрібно пам’ятати про ці особливості, оскільки прокрутка доступна у спеціальних властивостях `window.pageXOffset/pageYOffset`:
 
@@ -73,20 +71,17 @@ alert('Поточна прокрутка зліва: ' + window.pageXOffset);
 
 Ці властивості доступні лише для читання.
 
-` ``
-smart header="Також доступні як властивості `window` `scrollX` та `scrollY`"
+```smart header="Також доступні як властивості `window` `scrollX` та `scrollY`"
 З історичних причин обидві властивості існують, але вони однакові:
 - `window.pageXOffset` є псевдонімом `window.scrollX`.
 - `window.pageYOffset` є псевдонімом  `window.scrollY`.
-` ``
 
 ## Прокрутка: scrollTo, scrollBy, scrollIntoView [#window-scroll]
 
-` ``warn
+```warn
 Для того, щоб прокручувати сторінку за допомогою JavaScript, її DOM має бути повністю створено.
 
-Наприклад, якщо ми спробуємо прокрутити сторінку за допомогою скрипту в `<head>`, це не спрацює.
-` ``
+Наприклад, якщо ми спробуємо прокрутити сторінку в коді скрипта розташованого в `<head>`, це не спрацює.
 
 Звичайні елементи можна прокручувати, змінюючи `scrollTop/scrollLeft`.
 
@@ -117,7 +112,7 @@ smart header="Також доступні як властивості `window` `
 
 Виклик `elem.scrollIntoView(top)` прокручує сторінку таким чином, щоб зробити `elem` видимим. Він має один аргумент:
 
-- Якщо `top=true` (за замовчуванням), то сторінка буде прокручена так, щоб `elem` з’явився у верхній частині вікна. Верхній край елемента буде вирівняний з верхньою частиною вікна.
+- Якщо `top=true` (типове значення), то сторінка буде прокручена так, щоб `elem` з’явився у верхній частині вікна. Верхній край елемента буде вирівняний з верхньою частиною вікна.
 - Якщо `top=false`, то сторінка прокручується так, щоб `elem` з’явився внизу. Нижній край елемента буде вирівняний з нижньою частиною вікна.
 
 ```online
@@ -132,9 +127,9 @@ smart header="Також доступні як властивості `window` `
 
 ## Заборона прокручування
 
-Іноді нам потрібно зробити документ «не прокручуваним». Наприклад, коли нам потрібно закрити сторінку великим повідомленням, яке вимагає негайної уваги, і ми хочемо, щоб відвідувач взаємодіяв з цим повідомленням, а не з документом.
+Іноді нам потрібно зробити документ "не прокручуваним". Наприклад, щоб закрити сторінку великим повідомленням, яке вимагає негайної уваги, і ми хочемо, щоб відвідувач взаємодіяв з цим повідомленням, а не з документом.
 
-Щоб зробити документ недоступним для прокручування, достатньо встановити `document.body.style.overflow = "hidden"`. Сторінка «завмре» у поточній позиції прокручування.
+Щоб зробити документ недоступним для прокручування, достатньо встановити `document.body.style.overflow = "hidden"`. Сторінка "завмре" у поточній позиції прокручування.
 
 ```online
 Спробуй:
