alvvi

Сколько по времени займет такая страница у хорошего верстальщика?

Не буду говорить за всех хороших, но у меня бы часа 2 заняло.

Обратите внимание на правильность/неправильность применения БЭМ, SCSS, семантику, адаптивность. На телефоне отображается все хорошо вроде.

Семантика хромает, даже очень: заголовки тэгом <a>, тэг<content></content> который deprecated вместо очевидного article, модификатор с названием _mod - тоже классно, сразу ведь понятно что он делает, да?) Глубже не стал смотреть, т.к. это довольно грубые ошибки.

Сейчас пытаюсь пробиться на стажера, достаточно ли этого?

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

*кидает палкой*

Прошу разъяснить мне бестолковому, как юзать ГитХаб, а точнее как посмотреть "промо" того или иного кода (без скачивания к себе и запуска index.html).

Например использовать github pages
https://pages.github.com/
Или просто сделать сайт с демкой на отдельном хостинге и прикрепить ссылку в репо.
Гитхаб - это не аналог codepen, это сервис решающий совершенно другие задачи.

Заменить { $(this).addClass("qqqq");}
на
{ $(this).next().addClass("qqqq");}

"editor.renderIndentGuides": false

justify-content: center;

document.querySelector('.liju').addEventListener('click', function() {
  window.location.href = "http://toster.ru";
});

fullPage.js

Стоит ли их использовать? Или писать на flex+css-grid?

CSS Grid пока мало где поддерживается, если хотитие пишите на нем с фоллбэками на flex, пост на хабре про это
Использовать сетку однозначно стоит, но мешать с CSS Grid - такое себе, не советую.

Возможно, цвет заливки указан в аттрибуте style, а его перебить можно только стилями с !important.

В иделае заливки должны быть прописаны в специальных SVG-аттрибутах, в некоторых графических редакторах такую опцию можно выставить в настройках экспорта. Так же у SVGO есть плагин "convertStyleToAttrs", который позволяет конвертировать аттрибут style в SVG-аттрибуты, при наличии готовых иконок советую воспользваться именно им. SVG-аттрибуты полезны тем, что имеют меньший приоритет, чем CSS-селектор, поэтому их возможно легко переопределить в стилях.

Чтобы было чуток нагляднее:
https://jsfiddle.net/0so00j9z/3/
у обоих есть класс blue, но у первого style перебивает стили класса.

Есть, к слову, хорошая статья на эту тему, может кому-то пригодится: клик