diff --git a/2-ui/1-document/11-coordinates/1-find-point-coordinates/solution.md b/2-ui/1-document/11-coordinates/1-find-point-coordinates/solution.md
@@ -1,8 +1,8 @@
-# Outer corners

-Outer corners are basically what we get from [elem.getBoundingClientRect()](https://developer.mozilla.org/en-US/docs/DOM/element.getBoundingClientRect).

-Coordinates of the upper-left corner `answer1` and the bottom-right corner `answer2`:

```js
let coords = elem.getBoundingClientRect();
@@ -11,19 +11,19 @@ let answer1 = [coords.left, coords.top];
let answer2 = [coords.right, coords.bottom];
```

-# Left-upper inner corner

-That differs from the outer corner by the border width. A reliable way to get the distance is `clientLeft/clientTop`:

```js
let answer3 = [coords.left + field.clientLeft, coords.top + field.clientTop];
```

-# Right-bottom inner corner

-In our case we need to substract the border size from the outer coordinates.

-We could use CSS way:

```js
let answer4 = [
@@ -32,7 +32,7 @@ let answer4 = [
];
```

-An alternative way would be to add `clientWidth/clientHeight` to coordinates of the left-upper corner. That's probably even better:

```js
let answer4 = [

diff --git a/2-ui/1-document/11-coordinates/1-find-point-coordinates/solution.view/index.html b/2-ui/1-document/11-coordinates/1-find-point-coordinates/solution.view/index.html
@@ -5,18 +5,18 @@
  <meta charset="utf-8">
  <link rel="stylesheet" href="index.css">
  <script>
-    document.onclick = function(e) { // shows click coordinates
      coords.innerHTML = e.clientX + ':' + e.clientY;
    };
  </script>
</head>

<body>

-  Click anywhere to get window coordinates.
-  <br> That's for testing, to check the result you get by JavaScript.
  <br>
-  <div id="coords">(click coordinates show up here)</div>


  <div id="field">

diff --git a/2-ui/1-document/11-coordinates/1-find-point-coordinates/source.view/index.html b/2-ui/1-document/11-coordinates/1-find-point-coordinates/source.view/index.html
@@ -5,18 +5,18 @@
  <meta charset="utf-8">
  <link rel="stylesheet" href="index.css">
  <script>
-    document.onclick = function(e) { // shows click coordinates
      coords.innerHTML = e.clientX + ':' + e.clientY;
    };
  </script>
</head>

<body>

-  Click anywhere to get window coordinates.
-  <br> That's for testing, to check the result you get by JavaScript.
  <br>
-  <div id="coords">(click coordinates show up here)</div>


  <div id="field">
@@ -32,7 +32,7 @@


  <script>
-    // ...your code...
  </script>

</body>

diff --git a/2-ui/1-document/11-coordinates/2-position-at/solution.md b/2-ui/1-document/11-coordinates/2-position-at/solution.md
@@ -1,4 +1,4 @@
-In this task we only need to accurately calculate the coordinates. See the code for details.

-Please note: the elements must be in the document to read `offsetHeight` and other properties.
-A hidden (`display:none`) or out of the document element has no size.
diff --git a/2-ui/1-document/11-coordinates/2-position-at/solution.view/index.html b/2-ui/1-document/11-coordinates/2-position-at/solution.view/index.html
@@ -12,10 +12,10 @@
    esse sequi officia sapiente.</p>

  <blockquote>
-    Teacher: Why are you late?
-    Student: There was a man who lost a hundred dollar bill.
-    Teacher: That's nice. Were you helping him look for it?
-    Student: No. I was standing on it.
  </blockquote>

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae
@@ -24,13 +24,13 @@

  <script>
    /**
-     * Positions elem relative to anchor as said in position.
     *
-     * @param {Node} anchor     Anchor element for positioning
-     * @param {string} position One of: top/right/bottom
-     * @param {Node} elem       Element to position
     *
-     * Both elements: elem and anchor must be in the document
     */
    function positionAt(anchor, position, elem) {

@@ -56,8 +56,8 @@
    }

    /**
-     * Shows a note with the given html at the given position
-     * relative to the anchor element.
     */
    function showNote(anchor, position, html) {

@@ -69,7 +69,7 @@
      positionAt(anchor, position, note);
    }

-    // test it
    let blockquote = document.querySelector('blockquote');

    showNote(blockquote, "top", "note above");

diff --git a/2-ui/1-document/11-coordinates/2-position-at/task.md b/2-ui/1-document/11-coordinates/2-position-at/task.md
@@ -1,18 +1,18 @@
-importance: 5

---

-# Show a note near the element

-Create a function `positionAt(anchor, position, elem)` that positions `elem`, depending on `position` near `anchor` element.

-The `position` must be a string with any one of 3 values:
-- `"top"` - position `elem` right above `anchor`
-- `"right"` - position `elem` immediately at the right of `anchor`
-- `"bottom"` - position `elem` right below `anchor`

-It's used inside function `showNote(anchor, position, html)`, provided in the task source code, that creates a "note" element with given `html` and shows it at the given `position` near the `anchor`.

-Here's the demo of notes:

[iframe src="solution" height="350" border="1" link]
diff --git a/2-ui/1-document/11-coordinates/3-position-at-absolute/solution.md b/2-ui/1-document/11-coordinates/3-position-at-absolute/solution.md
@@ -1,4 +1,4 @@
-The solution is actually pretty simple:

-- Use `position:absolute` in CSS instead of `position:fixed` for `.note`.
-- Use the function [getCoords()](info:coordinates#getCoords) from the chapter <info:coordinates> to get document-relative coordinates.
diff --git a/2-ui/1-document/11-coordinates/3-position-at-absolute/solution.view/index.html b/2-ui/1-document/11-coordinates/3-position-at-absolute/solution.view/index.html
@@ -12,10 +12,10 @@
    esse sequi officia sapiente.</p>

  <blockquote>
-    Teacher: Why are you late?
-    Student: There was a man who lost a hundred dollar bill.
-    Teacher: That's nice. Were you helping him look for it?
-    Student: No. I was standing on it.
  </blockquote>

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae
@@ -66,7 +66,7 @@
      positionAt(anchor, position, note);
    }

-    // test it
    let blockquote = document.querySelector('blockquote');

    showNote(blockquote, "top", "note above");

diff --git a/2-ui/1-document/11-coordinates/3-position-at-absolute/task.md b/2-ui/1-document/11-coordinates/3-position-at-absolute/task.md
@@ -1,11 +1,11 @@
-importance: 5

---

-# Show a note near the element (absolute)

-Modify the solution of the [previous task](info:task/position-at) so that the note uses `position:absolute` instead of `position:fixed`.

-That will prevent its "runaway" from the element when the page scrolls.

-Take the solution of that task as a starting point. To test the scroll, add the style `<body style="height: 2000px">`.
diff --git a/2-ui/1-document/11-coordinates/4-position-inside-absolute/solution.view/index.html b/2-ui/1-document/11-coordinates/4-position-inside-absolute/solution.view/index.html
@@ -12,10 +12,10 @@
    esse sequi officia sapiente.</p>

  <blockquote>
-    Teacher: Why are you late?
-    Student: There was a man who lost a hundred dollar bill.
-    Teacher: That's nice. Were you helping him look for it?
-    Student: No. I was standing on it.
  </blockquote>

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae

diff --git a/2-ui/1-document/11-coordinates/4-position-inside-absolute/task.md b/2-ui/1-document/11-coordinates/4-position-inside-absolute/task.md
@@ -1,28 +1,28 @@
-importance: 5

---

-# Position the note inside (absolute)

-Extend the previous task <info:task/position-at-absolute>: teach the function  `positionAt(anchor, position, elem)` to insert `elem` inside the `anchor`.

-New values for `position`:

-- `top-out`, `right-out`, `bottom-out` -- work the same as before, they insert the `elem` over/right/under `anchor`.
-- `top-in`, `right-in`, `bottom-in` -- insert `elem` inside the `anchor`: stick it to the upper/right/bottom edge.

-For instance:

```js
-// shows the note above blockquote
positionAt(blockquote, "top-out", note);

-// shows the note inside blockquote, at the top
positionAt(blockquote, "top-in", note);
```

-The result:

[iframe src="solution" height="310" border="1" link]

-As the source code, take the solution of the task <info:task/position-at-absolute>.