Никита Егоров

У блоков с display: inline-block есть свои отступы, их надо убрать, указав контейнеру font-size: 0;

'./.../assets/iphone.png' тут три точки (должно быть две). Если не заработает, попробуйте убрать ./

Ну я сомневаюсь, что для этого есть видеоуроки.

this.elem.addEventListener('click', event => this.check(event));

У вас не указан размер блока.

.background_a {
    width: 200px;
    height: 200px;
    // Остальной ваш код
}

Можно как то так:

Лучше использовать forEach, так как map возвращает трансформированный массив, а вы ведь его никуда не записываете.

words.forEach(word => string = string.toLowerCase().replace(word, `<a href="#">${word}</a>`));

console.log(string);  // <a href="#">this</a> is <a href="#">cool</a>!

У вас ошибка в 42 строчке, код прекращает работу.

const element = document.querySelector('parent').children[0];
document.querySelector('input').value = getComputedStyle(element).backgroundColor;

В конфигурации слика укажите свойства nextArrow и prevArrow:

{
    // ваши настройки
    nextArrow: document.querySelector('.slick-next'),
    prevArrow: document.querySelector('.slick-prev')
}

У вас идет асинхронный запрос, когда получен ответ, создаются элементы.

Вы можете использовать промисы или вешать обработчики события в функции success.

Почему бы дивам с изображениями не присвоить отдельный класс, например - content-img?

С помощью css найти все дивы с изображениями и изменить им стиль не получиться.

https://learn.javascript.ru/styles-and-classes#чте...

Свойство style содержит лишь тот стиль, который указан в атрибуте элемента, без учёта каскада CSS.

То есть, скорее всего, когда вы второй раз читаете свойство left, вы где то, его указали подобным образом:
elemt.style.left = '20px'

В атрибуте style элемента elem, появится соответствующая запись -> <elem style="left: 20px"> </elem>
И потом вы можете его прочитать оттуда через style.

Да спасает, если задать position: relative

P.s Вместо ширины (width) вы указываете вес (weight).

Так?

Пример

const texts = document.querySelectorAll('.first-ul ul span');

[...document.querySelectorAll('.second-ul ul li')].forEach((n, i) => {
		n.querySelector('span').innerHTML = texts[i].innerHTML
})

Через флексы.

Вот подробный разбор - CSS vs. JS Animation: Which is Faster?

Рассматриваются анимации css, jq (animate), js (изменение дом) и Velocity.js, которая синхронизирует DOM и кеширует запросы к нему.

parseInt('23%') // 23