Apply suggestions from code review

dolgachio · web-flow · commit f9123718bc6a · 2023-07-16T16:55:05.000+03:00
diff --git a/2-ui/1-document/02-dom-nodes/article.md b/2-ui/1-document/02-dom-nodes/article.md
@@ -46,7 +46,7 @@ setTimeout(() => document.body.style.background = '', 3000); // повернут
 </html>
 ```
 
-DOM - це представлення HTML-документа в вигляді дерева тегів. Ось як це виглядає:
+DOM -- це представлення HTML-документа в вигляді дерева тегів. Ось як це виглядає:
 
 <div class="domtree"></div>
 
@@ -62,9 +62,9 @@ drawHtmlTree(node1, 'div.domtree', 690, 320);
 
 Кожен вузол дерева є об’єктом.
 
-Теги є *вузлами-елементами* (або просто елементами), вони утворюють структуру дерева: `<html>` -- кореневий, `<head>` та `<body>` - його дочірні вузли тощо.
+Теги є *вузлами-елементами* (або просто елементами), вони утворюють структуру дерева: `<html>` -- кореневий, `<head>` та `<body>` -- його дочірні вузли тощо.
 
-Текст всередині елементів утворює *текстові вузли*, позначені як `#text`. Текстовий вузол містить лише рядок. У нього не може буди нащадків, тобто він завжди знаходиться на самому нижчому рівні.
+Текст всередині елементів утворює *текстові вузли*, позначені як `#text`. Текстовий вузол містить лише рядок. У нього не може буди нащадків, тобто він завжди знаходиться на найнижчому рівні.
 
 Наприклад, тег `<title>` має текст `"Про лосів"`.
 
@@ -143,7 +143,7 @@ drawHtmlTree(node4, 'div.domtree', 690, 360);
 </script>
 
 ````warn header="Таблиці завжди мають `<tbody>`"
-Цікавий "особливий випадок" -- це таблиці. Згідно DOM специфікації вони повинні мати тег `<tbody>`, але в HTML офіціально можна писати без нього. Тоді браузер створює `<tbody>` у DOM автоматично.
+Цікавий "особливий випадок" -- це таблиці. Згідно DOM специфікації вони повинні мати тег `<tbody>`, але в HTML офіційно можна писати без нього. Тоді браузер створює `<tbody>` у DOM автоматично.
 
 Наприклад, HTML:
 
@@ -195,7 +195,7 @@ drawHtmlTree(node6, 'div.domtree', 690, 500);
 
 Тут ми бачимо новий тип вузла дерева -- *вузол-коментар*, позначений як `#comment`, між двома текстовими вузлами.
 
-Ми могли подумати -- чому коментар додається до DOM? Це не впливає на візуальне уявлення. Але є важливе правило - якщо щось є в HTML, то воно також повинно бути в DOM дереві.
+Ми могли подумати -- чому коментар додається до DOM? Це не впливає на візуальне уявлення. Але є важливе правило -- якщо щось є в HTML, то воно також повинно бути в DOM дереві.
 
 **Все в HTML, навіть коментарі, стає частиною DOM.**
 
@@ -277,6 +277,6 @@ HTML/XML документ представляється всередині бр
 
 Ми можемо використовувати інструменти розробника в браузері, щоб перевіряти DOM та змінювати його вручну.
 
-Тут ми розглянули основи, що найчастіше використовуються і важливі дії для початку розробки. Існує велика документація про інструменти розробника Chrome на <https://developers.google.com/web/tools/chrome-devtools>. Найкращий спосіб дізнатися більше про інструменти розробника -- це відкрити їх та ознайомитися з ними: більшість можливостей очевидні. Пізніше, коли ви загалом розберетеся з ними, читайте документацію, щоб дослідити решту функціоналу.
+Тут ми розглянули основи, що найчастіше використовуються і важливі прийоми необхідні для початку розробки. Існує велика документація про інструменти розробника Chrome на <https://developers.google.com/web/tools/chrome-devtools>. Найкращий спосіб дізнатися більше про інструменти розробника -- це відкрити їх та ознайомитися з ними: більшість можливостей очевидні. Пізніше, коли ви загалом розберетеся з ними, читайте документацію, щоб дослідити решту функціоналу.
 
 Вузли DOM мають властивості та методи, які дозволяють нам переміщуватися між ними, змінювати їх, переміщуватися по сторінці та багато іншого. Ми розберемо їх у наступних розділах.
