Правки curveball

Author: xcurveballx

2-ui/1-document/09-size-and-scroll/4-put-ball-in-center/solution.md

@@ -1,10 +1,10 @@
 Мяч имеет CSS-свойство `position:absolute`. Это означает, что координаты `left/top` измеряются относительно ближайшего спозиционированного элемента, которым является `#field` (т.к. у него есть CSS-свойство `position:relative`).
 
-Координаты отсчитываются от внутреннего верхнего-левого угла поля:
+Координаты отсчитываются от внутреннего верхнего левого угла поля:
 
 ![](field.png)
 
-Ширина и высота внутреннего поля - это `clientWidth/clientHeight`. Таким образом его центр имеет координаты `(clientWidth/2, clientHeight/2)`.
+Ширина и высота внутреннего поля -- это `clientWidth/clientHeight`. Таким образом, его центр имеет координаты `(clientWidth/2, clientHeight/2)`.
 
 ...Но если мы установим мячу такие значения `ball.style.left/top`, то в центре будет не сам мяч, а его левый верхний угол:
 
@@ -34,7 +34,7 @@ ball.style.top = Math.round(field.clientHeight / 2 - ball.offsetHeight / 2) + 'p
 
 До тех пор, пока браузеру неизвестны ширина и высота изображения (из атрибута HTML-тега или CSS-свойств), подразумевается, что они равны `0`, пока изображение не загрузится.
 
-На самом же деле при первой загрузке браузер обычно кеширует изображения и при следующей загрузке будут доступны все размеры.
+На самом же деле при первой загрузке браузер обычно кеширует изображения, и при следующей загрузке будут доступны все размеры.
 
 Но при первой загрузке значение мяча `ball.offsetWidth` равно `0`. Это приводит к вычислению неверных координат.
 

2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth/solution.md

@@ -2,5 +2,5 @@
 
 1. `clientWidth` возвращает число, а `getComputedStyle(elem).width` - строку с `px` на конце.
 2. `getComputedStyle` не всегда даст ширину, он может вернуть, к примеру, `"auto"` для строчного элемента.
-3. `clientWidth` соответствует внутренней видимой области элемента, включая внутренние отступы (padding), а CSS-ширина (при стандартном значении `box-sizing`) соответствует внутренней видимой области *без внутренних отступов*.
+3. `clientWidth` соответствует внутренней видимой области элемента, включая внутренние отступы, а CSS-ширина (при стандартном значении `box-sizing`) соответствует внутренней видимой области *без внутренних отступов*.
 4. Если есть полоса прокрутки, и для неё зарезервировано место, то некоторые браузеры вычитают его из CSS-ширины (т.к. оно больше недоступно для содержимого), а некоторые - нет. Свойство `clientWidth` всегда ведёт себя одинаково: оно всегда обозначает размер за вычетом прокрутки, т.е. реально доступный для содержимого.

2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth/task.md

@@ -2,7 +2,7 @@ importance: 5
 
 ---
 
-# В чём отличие CSS-свойства width и clientWidth
+# В чём отличие CSS-свойств width и clientWidth
 
 В чём отличие между `getComputedStyle(elem).width` и `elem.clientWidth`?