fixes

1-js/02-first-steps/12-while-for/article.md

@@ -47,8 +47,8 @@ while (i) { // when i becomes 0, the condition becomes falsy, and the loop stops
 }
 ```
 
-````smart header="Brackets are not required for a single-line body"
-If the loop body has a single statement, we can omit the brackets `{…}`:
+````smart header="Curly braces are not required for a single-line body"
+If the loop body has a single statement, we can omit the curly braces `{…}`:
 
 ```js run
 let i = 3;

2-ui/2-events/01-introduction-browser-events/02-hide-self-onclick/solution.md

@@ -1,4 +1,4 @@
-Can use `this` in the handler to reference "itself" here:
+Can use `this` in the handler to reference "the element itself" here:
 
 ```html run height=50
 <input type="button" onclick="this.hidden=true" value="Click to hide">

2-ui/2-events/01-introduction-browser-events/04-move-ball-field/solution.md

@@ -36,7 +36,7 @@ To get field-relative `left` coordinate of the click, we can substract the field
 let left = event.clientX - fieldCoords.left - field.clientLeft;
 ```
 
-Normally, `ball.style.position.left` means the "left edge of the element" (the ball). So if we assign that `left`, then the ball edge would be under the mouse cursor.
+Normally, `ball.style.position.left` means the "left edge of the element" (the ball). So if we assign that `left`, then the ball edge, not center, would be under the mouse cursor.
 
 We need to move the ball half-width left and half-height up to make it center.
 

2-ui/2-events/01-introduction-browser-events/05-sliding-menu/solution.md

@@ -29,7 +29,7 @@ Like this:
 
 So if we set `onclick` on it, then it will catch clicks to the right of the text.
 
-...but `<span>` has an implicit `display: inline`, so it occupies exactly enough place to fit all the text:
+As `<span>` has an implicit `display: inline`, it occupies exactly enough place to fit all the text:
 
 ```html autorun height=50
 <span style="border: solid red 1px" onclick="alert(1)">Sweeties (click me)!</span>