mrnobody

блин, ппробовал на гридах сделать — не получилось. Думал поможет свойство `grid-auto-flow: dense;` - не помогло ((.

Вы добавляли метатег? <meta name="viewport" content="width=device-width, initial-scale=1"> в head?

Я так понял, вы хотите чтобы картинки были на одном уровне в строке карточек. Это сложно сделать - нужно найти максимальную высоту заголовка для строки из трех карточек. и вам лучше использовать флексы для построения колонок https://codepen.io/corvus-007/pen/XxZjXP?editors=1100

Я пока сделал только с фреймами внутри html. Нужно запускать на локальном сервер, просто так не сработает. Вдруг пригодится. Если пользуетесь Visual Studio Code, для него есть плагин Live Server, как раз подходит для небольших тестов. mrnobody_test.zip Еще заметил у вас ошибки: id="debug'" - после слова debug стоит одинарная кавычка Вы задаете значение инпуту с помощью свойства `innerHTML`, а нужно использовать свойство `value` UPD: Сделал динамическое добавление фреймов. mrnobody_test_2.zip Вот JS

Попробуйте идти от простого — встройте фреймы через html, а не через js. Хоетел уточнить, вы запускате на локальном сервере или просто файлики в папке и вы открываете index.html? Если у вас второй случай, то мне кажется не заработает из-за политики безопасности.

Мне нравится. Не понял, для чего псевдоэлменты у заголовка в шапке. В calc нужно указывать единицы измерения.

Во-первых, лучше выкладывать код в песочницах codepen либо jsfiddle. Во-вторых, у вас айдишник `myTable` повторяется три раза в разметке — так нельзя. id на то и id, что он уникальный на странице. Поэтому я использовал класс `tablesorter` который у вас был указан. https://codepen.io/corvus-007/pen/bmgvQG?editors=1010 из-за того, что вы отделяете шапку таблицы от тела, не работает сортировка, нужно посмотреть документацию, может там есть опция связанная с этим. UPD:. Для прилипания шапки использовал плагин floatThead https://codepen.io/corvus-007/pen/PyWeJZ?editors=1010

http://jsfiddle.net/mrnobody/pLznkshc/2/

Заметил, что у вас значок лупы а конце адресной строки. Сбросьте масштаб в 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. С размытостью тоже проблемы - чем ширине окно тем размытее и пляшет ширина, блин не ожидал. Попробовал дробные пиксели поставить, тоже не помогло ((. Но в лисе выглядит хорошо. Даже не знаю, может кто-нибудь подскажет как решить проблему. Или как-то по другому реализовать такой эффект.

Так примерно https://codepen.io/corvus-007/pen/rvrBOV UPD: новая версия: https://codepen.io/corvus-007/pen/vjaGOe