Как сделать кастомный скролбар на чистом js?

Danny Arty, получилось, спасибо)

Как сделать кастомный скролбар на чистом js?

Привет, щас попробую внедрить и отпишусь

Как можно защитить верстку?

Спасибо, за ответ

Возможно ли сделать также только вместо картинки будет видео на заднем фоне?

Ты снова помог мне, спасибо)

Возможно ли сделать также только вместо картинки будет видео на заднем фоне?

Lord_Dantes, Спасибо, но для работы с видео, это не подойдет(

Как сделать такой слайдер, то есть блок фиксируется и ты контролируешь слайды с помощью курсора?

Ты прекрасен, спасибо

Как адаптировать изображения в блоке?

Thomas Laybe, так надо?
https://jsfiddle.net/ArtJH/y8dhvebr/138/

Как адаптировать изображения в блоке?

Thomas Laybe, качество верстки не самое лучшее.
Вставь вот это

.articles a img {
    object-fit: cover;
}

Как адаптировать изображения в блоке?

Thomas Laybe, загрузи код в песочницу

Как адаптировать изображения в блоке?

Thomas Laybe, загрузи код в песочницу или на хостинг, помогу

Можно ли сделать media запрос для пользователей у которых размер экрана 125%, не влияя на тех у кого по стандарту 100%?

Ankhena, слишком много кода придется писать

Почему не получается сделать текст фоном картинки?

пробовал, не работает

Можно ли сделать media запрос для пользователей у которых размер экрана 125%, не влияя на тех у кого по стандарту 100%?

YavaDev, у меня они итак в %

Можно ли сделать media запрос для пользователей у которых размер экрана 125%, не влияя на тех у кого по стандарту 100%?

Lynn «Кофеман», ломается. Но тут нестандартный сайт. А сайт игра. Где в основном элементы(картинки) на абсолюте, и при этом они должны сохранять композицию(быть на нужном месте)
Могу один пример показать

Адаптивность не получается, кто знает, где ошибка?

Marninmam, меняешь условия медиа запроса. Чтоб от какого-то px до такого-то px. Например твоем случае это

media screen and (max-width: 992px) and (min-width: 768px ){
}

Либо на нужной точке, меняешь сво-ва

media screen and (max-width: 768px ){
.desktop {
max-width: 100%;
opacity: 1;
}
}

Адаптивность не получается, кто знает, где ошибка?

Marninmam, мой код работает на разрешениях экранах от 768px и ниже. Не понял ваш вопрос

Адаптивность не получается, кто знает, где ошибка?

@media screen and (max-width: 768px) {
.skills {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.skill {
    margin: 1em 0;
}
.desktop {
    max-width: 100%;
    opacity: 0.3;
    position: absolute;
    right: 0;
}

.offer {
    position: relative;
    z-index: 1;
}
}

Адаптивность не получается, кто знает, где ошибка?

Marninmam, ты с картинкой ничего не делаешь, добавь мой код

Адаптивность не получается, кто знает, где ошибка?

img.desktop {
    max-width: 100%;
    opacity: 0.3;
    position: absolute;
    right: 0;
}

.offer {
    position: relative;
    z-index: 1;
}

Адаптивность не получается, кто знает, где ошибка?

добавь это

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">