Почему SVG в Chrome не работает?

Limpus, а что там поднимать то python -m http.server 1337
https://gist.github.com/jgravois/5e73b56fa7756fd00b89

Почему «!!!» добавляется не перед div?

olya_097, this.elem.parentNode.insertBefore(p, this.elem);

Почему «!!!» добавляется не перед div?

А куда он должен вставиться? О_о
https://developer.mozilla.org/ru/docs/Web/API/Node...

Метод Node.insertBefore() добавляет элемент в список дочерних элементов родителя перед указанным элементом.

С помощью чего можно выравнить элементы?

https://masonry.desandro.com/

Как реализовать данныйю блок?

SerjAndreev, я не ванга чтобы покуску кода догадаться обо всем

Как объединить отсортированные массивы?

kentos, тут посмотри https://www.geeksforgeeks.org/merge-two-sorted-arrays/

Как реализовать данныйю блок?

SerjAndreev, ну самая топорная реализация прописать к каждому блоку соответствующий процент скрола

const elsMap = document.getElementById('test').children;
const mapItemsPersent = [
  {roadPersent: 2,  targetEl: elsMap[0]},
  {roadPersent: 8,  targetEl: elsMap[1]},
  {roadPersent: 16, targetEl: elsMap[2]},
  {roadPersent: 23, targetEl: elsMap[3]},
  {roadPersent: 30, targetEl: elsMap[4]},
  {roadPersent: 37, targetEl: elsMap[5]},
  {roadPersent: 67, targetEl: elsMap[11]},
  {roadPersent: 74, targetEl: elsMap[10]},
  {roadPersent: 82, targetEl: elsMap[9]},
  {roadPersent: 89, targetEl: elsMap[8]},
  {roadPersent: 96, targetEl: elsMap[7]},
  {roadPersent: 100, targetEl: elsMap[6]},
];

https://jsfiddle.net/mg2ajkp7/

Как реализовать данныйю блок?

SerjAndreev, тогда я вообще ничего не понял. Залей в песочницу рабочий код.

Как реализовать данныйю блок?

SerjAndreev,

не знаю как прикрутить добавление классов при прохождении анимации

вот тебе типа классы при прохождении анимации
https://jsfiddle.net/aexkc0qb/

Цикл while (Javascript) подвешивает страницу, в чем проблема?

arman1231, вам ниже Сергей Соколов хороший ответ дал.

Цикл while (Javascript) подвешивает страницу, в чем проблема?

while (new_price != real) {
  document.getElementById('span.price-now').innerHTML = '$ ' + new_price;
  if (new_price == real) break;
  new_price = 0;
}

new_price не изменяется, а только обнуляется, real тоже не меняется. Этот цикл брякнется только когда real === 0

Как сделать горизонтальную прокрутку блоков, которые размещены в ряд?

https://codepen.io/anon/pen/KJbdJR

Как сделать такую фигуру с помощью css?

полифил для conic-gradient() https://leaverou.github.io/conic-gradient/

Почему svg в иллюстраторе ярче, чем на выходе?

partyzanx, пожалуйста =)

Почему svg в иллюстраторе ярче, чем на выходе?

partyzanx,

spoiler

попробуй отсюда скачать https://www.vecteezy.com/vector-art/272364-let-go-...
там в архиве есть готовый svg
upd: вот то что у меня получилось https://jsfiddle.net/nter2ajh/

Почему svg в иллюстраторе ярче, чем на выходе?

partyzanx, не знаю, у меня с этой картинкой все норм.

spoiler

Зачем ставят точку перед значением в rem?

Тоже самое что и padding: 0.7rem 2rem;

Почему не работает z-index?

Максим, обрежь у картинки тень снизу https://jsfiddle.net/xb16gm90/

Как реализовать данныйю блок?

SerjAndreev, покажи код, вместе подумаем

Почему различаются цвета на PSD и на HTML странице?

потыкал в скриншот пипеткой в фотошопе:
- оранжевый одинаковый и в макете и в браузере rgb(255, 119, 0)
- серый градиент отличается в ФШ

linear-gradient(to bottom, rgb(255,255,255), rgb(226,226,226))

; в браузере

linear-gradient(to bottom, rgb(255,255,255), rgb(210,210,210))