diff --git a/2-ui/3-event-details/4-mouse-drag-and-drop/1-slider/solution.md b/2-ui/3-event-details/4-mouse-drag-and-drop/1-slider/solution.md
@@ -1,4 +1,4 @@

-We have a horizontal Drag'n'Drop here.

-To position the element we use `position:relative` and slider-relative coordinates for the thumb. Here it's more convenient here than `position:absolute`.
diff --git a/2-ui/3-event-details/4-mouse-drag-and-drop/1-slider/solution.view/index.html b/2-ui/3-event-details/4-mouse-drag-and-drop/1-slider/solution.view/index.html
@@ -16,18 +16,18 @@
    let thumb = slider.querySelector('.thumb');

    thumb.onmousedown = function(event) {
-      event.preventDefault(); // prevent selection start (browser action)

      let shiftX = event.clientX - thumb.getBoundingClientRect().left;
-      // shiftY not needed, the thumb moves only horizontally

      document.addEventListener('mousemove', onMouseMove);
      document.addEventListener('mouseup', onMouseUp);

      function onMouseMove(event) {
        let newLeft = event.clientX - shiftX - slider.getBoundingClientRect().left;

-        // the pointer is out of slider => lock the thumb within the bounaries
        if (newLeft < 0) {
          newLeft = 0;
        }

diff --git a/2-ui/3-event-details/4-mouse-drag-and-drop/1-slider/task.md b/2-ui/3-event-details/4-mouse-drag-and-drop/1-slider/task.md
@@ -2,15 +2,15 @@ importance: 5

---

-# Slider

-Create a slider:

[iframe src="solution" height=60 border=1]

-Drag the blue thumb with the mouse and move it.

-Important details:

-- When the mouse button is pressed, during the dragging the mouse may go over or below the slider. The slider will still work (convenient for the user).
-- If the mouse moves very fast to the left or to the right, the thumb should stop exactly at the edge.
diff --git a/2-ui/3-event-details/4-mouse-drag-and-drop/2-drag-heroes/solution.md b/2-ui/3-event-details/4-mouse-drag-and-drop/2-drag-heroes/solution.md
@@ -1,5 +1,4 @@
-To drag the element we can use `position:fixed`, it makes coordinates easier to manage. At the end we should switch it back to `position:absolute`.

-Then, when coordinates are at window top/bottom, we use `window.scrollTo` to scroll it.
-
-More details in the code, in comments.
diff --git a/2-ui/3-event-details/4-mouse-drag-and-drop/2-drag-heroes/solution.view/soccer.css b/2-ui/3-event-details/4-mouse-drag-and-drop/2-drag-heroes/solution.view/soccer.css
@@ -10,7 +10,7 @@ html, body {
  float: left;
}

-/* heroes and the ball (dragables) */

.hero {
  background: url(https://js.cx/drag-heroes/heroes.png);

diff --git a/2-ui/3-event-details/4-mouse-drag-and-drop/2-drag-heroes/source.view/soccer.css b/2-ui/3-event-details/4-mouse-drag-and-drop/2-drag-heroes/source.view/soccer.css
@@ -10,7 +10,7 @@ html, body {
  float: left;
}

-/* heroes and the ball (dragables) */

.hero {
  background: url(https://js.cx/drag-heroes/heroes.png);

diff --git a/2-ui/3-event-details/4-mouse-drag-and-drop/2-drag-heroes/task.md b/2-ui/3-event-details/4-mouse-drag-and-drop/2-drag-heroes/task.md
@@ -2,19 +2,18 @@ importance: 5

---

-# Drag superheroes around the field

-This task can help you to check understanding of several aspects of Drag'n'Drop and DOM.

-Make all elements with class `draggable` -- draggable. Like a ball in the chapter.

-Requirements:

-- Use event delegation to track drag start: a single event handler on `document` for `mousedown`.
-- If elements are dragged to top/bottom window edges -- the page scrolls up/down to allow further dragging.
-- There is no horizontal scroll.
-- Draggable elements should never leave the window, even after swift mouse moves.

-The demo is too big to fit it here, so here's the link.
-
-[demo src="solution"]
Original file line number	Diff line number	Diff line change
		@@ -1,4 +1,4 @@

		We have a horizontal Drag'n'Drop here.

		To position the element we use `position:relative` and slider-relative coordinates for the thumb. Here it's more convenient here than `position:absolute`.
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,7 +10,7 @@ html, body { @@
       float: left;
     }
-    /* heroes and the ball (dragables) */
     .hero {
       background: url(https://js.cx/drag-heroes/heroes.png);
@@ Expand Down @@