mrnobody

Заметил, что у вас значок лупы а конце адресной строки. Сбросьте масштаб в 100%.

Я попробовал с использованием гридов, но не могу понять почему появляется горизонтальный скролл: https://codepen.io/corvus-007/pen/jpzyXa?editors=1100 UPD.: поправил — заменил `grid-template-columns: repeat(2, 50%);` на `grid-template-columns: repeat(2, 1fr);`

У вас идет div.skills, а внутри li`шки — так нельзя. li`шки могут быть только внутри элементов ul, либо ol. <div class="skills"> <h1 class="skills__title">Мой уровень верстки</h1> <ul class="slills__list"> <li class="skills__item">HTML 5</li> <li class="skills__item">CSS 3</li> <li class="skills__item">JAVASCRIPT</li> <li class="skills__item">BOOSTRAP</li> </ul> </div>

Я добавляю еще класс с размером (беру корень от размера) board.className = "game-board game-board--size-" + Math.sqrt(this.W); https://codepen.io/corvus-007/pen/mjOrZK?editors=0110

Пойдет? https://codepen.io/corvus-007/pen/BPzGmw?editors=1100

Нужно экранировать символ кавычки " toolTip("Это рисунок: \"Машины\""); // либо заменить двойные кавычки на одинарные toolTip('Это рисунок: "Машины"'); https://learn.javascript.ru/string#экранирование-специальных-символов

А вы делает `JSON.parse(ваш_джейсон)`? https://learn.javascript.ru/json#метод-json-parse

У вас прописан мета-тег `<meta name="viewport" content="width=device-width, initial-scale=1">` внутри head?

Блин, не знаю — ничего не происходит когда вызываю методы `mySwiper.init();` / `mySwiper.update();` при ресайзе.

https://jsfiddle.net/mrnobody/24nsz5rq/1/

svg я делал в adobe illustrator. В вашем варианте с абсолютным позицонированием тяжело рассчитать их расположение, И еще вдруг изменится высота, то появятся разрывы и не состыковки. Если вам не подходят предыдущие картинки, я могу новые сделать пока у меня есть свободное время, там не сложно. UPD сделал потоньше линии: bg-01.svg bg-02.svg

Можно дублировать слой в новый документ и оттуда экспортировать

Обновил пэн https://codepen.io/corvus-007/pen/vjaGOe?editors=0110 и добавил картинки если вам нужны будут Untitled-2-01.svg Untitled-2-02.svg

Вот еще упрощенный вариант, но тоже с ограничениями, но не значительными https://codepen.io/corvus-007/pen/vjaGOe

К сожалению Фон должен быть черным #000, а не #2d2d2d. С размытостью тоже проблемы - чем ширине окно тем размытее и пляшет ширина, блин не ожидал. Попробовал дробные пиксели поставить, тоже не помогло ((. Но в лисе выглядит хорошо. Даже не знаю, может кто-нибудь подскажет как решить проблему. Или как-то по другому реализовать такой эффект.