Нужна помощь в находке проблемы почему на мобильном справа небольшое пустое пространство?

Вы серьезно?
Он использует сетку Bootstrap в которой container имеет padding-left: 15px и padding-right: 15px;
Эти padding компенсируются отрицательными margin-left: -15px и margin-right: -15px; у контейнера row.
Обнулив container, но оставив row он тем самым вынес его на 15 пикселей в право за пределы страницы.

Менять цветовую гамму сайта с помощью случайной картинки?

вот так:

image[0] = {
    'path':  'адрес до картинки',
    'class':  'green',
}

Какие сетки лучше использовать Flex или Grid?

raulvodov, На счет создания сеток не знаю, но чисто по принципу работы того же бутстрапа инфы много. Я ничего конкретного не посоветую потому что самой идей сеток не особо тревожусь, в каждом проекте создаю свой каркас и погнал, все время экспериментирую с разными подходами.

Хотя в паре видео Дмитрия Лаврика есть хорошая база по сеткам, если не ошибаюсь это одно из них https://youtu.be/hrFPD0nkRVA

Какие сетки лучше использовать Flex или Grid?

raulvodov, Весь принцип заключается в том чтобы при определенном размере изменить поведение элементов. Объяснять можно долго, проще попробовать и почитать/посмотреть уроки на эту тему.

Какие сетки лучше использовать Flex или Grid?

raulvodov,

Второй же сайт сделал огромный одностраничник, дизайн которого делал сам, но использовать сетку из бутстрапа 3.

Хотя, если вы будете сам себе дизайнер, вам наверное лучше будет использовать фреймверк. Затачивая дизайн под свой инструментарий, у вас скорость разработки проекта будет значительно выше.

Какие сетки лучше использовать Flex или Grid?

raulvodov,

Какие технологии для этого использовать и тд?

На данный момент флексы самый оптимальный вариант. Но уже сейчас не помешает пощупать и гриды.

Второй же сайт сделал огромный одностраничник, дизайн которого делал сам, но использовать сетку из бутстрапа 3.

Сделайте хотя бы один сайт без фреймверков. И не обязательно мудрить с сетками, просто сделайте его адаптивным, чтобы понять как работаю медиа запросы иначе вы будете как марышка тыкать везде col row без понимания, что они вообще делают

есть ли смысл строить самому эти сетки

используя фреймверки вы тянете кучу не нужных стилей. Делая сетку сами, вы используете только то что нужно, а с появлением таких технологий как флексы и гриды, фреймверки в целом ускоряют только скорость написания основной разметки, что с применением современных инструментов тоже достаточно сомнительно.

Какие сетки лучше использовать Flex или Grid?

raulvodov, Могу посоветовать перейти хотя бы на бутстрап 4. А по поводу своих сеток, вы вообще верстали сайты без фреймверков?

Какие сетки лучше использовать Flex или Grid?

raulvodov, Если есть возможность обойтись без гридов, то советую их пока не использовать, так как поддержка браузерами все же меньшем чем у флексов.
bootstrap 3-й основан на float
bootstrap 4-й основан на flexbox
Это все фреймверки. Если вы только учитесь как по мне лучше попрактиковаться со своей сеткой, тем более как вы сами говорите у вас проблемы с адаптацией.

Как на российских/зарубежных фриланс биржах искать заказы по PSD вёрстки?

Apostrophe4, Грубо говоря онлайн редакторы. Если в них делался макет, то там особых знаний вам и не понадобится. Но все эти редакторы типа фигмы, авакода и т.д.. в них дизайна как такового нет, это просто интерфейсы из плиточек различных цветов и размеров. Так что для реально крутых дизайнов с уникальной графикой фотошоп никто не отменял.

Верстка по БЭМ. Как будет правильнее?

cssfish, А как вы тогда разделяете ключ-значение? Одним тире? тогда в вашем контесте реализации БЭМ pop-up должен выглядеть вот так pop_up

Как сделать условия для анимации?

irishmann, Ну не совсем. Если эти данные важны, то скорее всего нужно перед тем как начать крутить, отправить ajax запрос и получить информацию о том что показать, орел или решка, после чего просто показать соответствующую анимацию. А по окончанию пользователем всех действий на сайте, например отправки формы, либо сверить результат, не подменил ли он орел на решку, либо просто добавить к форме сохраненный ранее результат.

Как экспортировать товары из OpenCart в WordPress?

Да, зайдите на форум русского комьюнити опенкарта и спросите кто занимается переносом

Что лучше, обернуть блок дополнительным элементом или с помощью псевдоэлемента before?

Muvka, Было бы лучше посмотреть на макет. Но нет ничего плохого в дополнительных обертках. Если стоит вопрос использовать или нет, то лучше использовать, так как в дальнейшем будет проще модифицировать и дорабатывать, если конечно вы занимаетесь поддержкой своих проектов

Получалось ли у вас делать сайт на чистом bootstrap без подключения своих стилей?

Последняя версия бутстрапа как раз хорошо настраивается сборщиками и от многих костылей вас избавит, я хоть не пользуюсь бутстрап, но тоже прощупал этот момент.

Как сделать сложную верстку двух секций на landing Page?

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

Макет шириной 2667px - как верстать(верстка на flexbox)?

Ramzzza, Для каких таких? Это абсолютной классическое расположение блоков. У вас ширина от начала блока до конца 1630px без учета отступа. А дальше вы сами смотрите какие отступы применять будете внутренние, внешние, на каких блоках и принимайте решение окончательной ширины контейнера

Как дотянуться до скролла с Fullpage.js?

deniskins23, Добавил пример в ответ https://toster.ru/answer?answer_id=1365040#answers...

Макет шириной 2667px - как верстать(верстка на flexbox)?

Ramzzza, Смотря какой подход вы используете

Как дотянуться до скролла с Fullpage.js?

Что значит дотянуться через скролл? Как именно вы меняете логотип? в fullpage.js есть колбеки по которым вы можете определить на какой секции находитесь и выполнить необходимый скрипт

Макет шириной 2667px - как верстать(верстка на flexbox)?

Ramzzza, Сейчас у большинства широкоформатные мониторы размером 1920px и все что помещается в эти 1920px может быть рабочей областью. Стандарты определенные есть, они основаны на размерах часто используемых устройств, но это адаптивная верстка, а лучшая верстка отзывчивая, та верстка которая при любом размере имеет стабильный вид, это симбиоз адаптивной и резиновой верстки поэтому вас вообще не должна беспокоить ширина макета.

Узнал я очень просто, открыл фотошоп и обвел рабочую область: