Qwerty1234567890?

muxajlbl4for,
важно на сколько сам потенциальный работодатель оценивает задание. Твой дедлайн - это "оценка работодателя" + 1-2 часа (для комфорта). Если не укладываешься, сообщи, что не успеваешь и просто сделай для себя.
Повторюсь, что задания более чем на 3-4 часа это очень плохой знак. Может быть сразу несколько негативных вещей:
- неуважение к чужому времени;
- завышенное самомнение у менеджмента;
- умение оценивать только количество работы, а не качество.
Лучше долго искать хорошую работу, чем быстро найти плохую.

Qwerty1234567890?

muxajlbl4for,

Если убрать опыт не относящийся к it, у работадателей возникает вопрос что я делал до этого

Если спросят, расскажешь. На уровне резюме, нерелеватный опыт - это лишняя информация.

Ошибка Error: Invalid CSS after "...: border-box; }": expected 1 selector or at-rule, was "focus,: {}"?

Woshibai,
попробуй удалить

:focus,
:active 
  outline: none

возможно, ругается на применение псевдокласса без явного указания элемента.

Ошибка Error: Invalid CSS after "...: border-box; }": expected 1 selector or at-rule, was "focus,: {}"?

Woshibai,
выложите где-нибудь код из _null.sass и дайте ссылку, посмотрим

Картинка для фона сайта Css?

А еще можно обратиться к создателю \ администратору программы через которую вы работаете с сайтом.
Если вы не знаете как с ней работать, будет легко что-то сломать.

Как в Create-React-App изменить head?

А в чем проблема просто зайти index.html и поменять нужные теги?

Как можно использовать Sass и Pug вместе с React (create-react-app)?

Потому что JSX уже может все, что может Pug )

Как анимировать данный бургер?

offsiderst, да, только заметил. Ну в примере все отлично работает. Судя по всему ты просто не знаешь как переделать пример под себя.
Раздели свою задачу на две части:
1) Сделай чтобы было 4 линии
2) Анимируй эти линии.

Подсказываю по первой части - переделай верстку так, чтобы небыло псевдоэлементов (after, before), тогда без труда сможешь добавить еще линию.

Как анимировать данный бургер?

когда обычные 3 линии, то исчезает одна, а две другие в крестик складываются )
задайте вопрос еще конкретнее, а лучше покажи код, который вы пробовали написать чтобы решить задачу

Как анимировать данный бургер?

по клику две палочки исчезают, а две других складываются в крестик.
https://developer.mozilla.org/ru/docs/Web/CSS/transform

Для чего нужен локальный сервер?

Elon, знания гугла )
в первом же пункте есть статья поясняющая в общих чертах, что такое localStorage.

Можно ли устроиться миддлом без опыта работы?

У вас в описании стека много уточнений про знания - "отличные", "средненькие", "неплохие", "базовые" и т.д.
Вы сами себя оценили или это по итогам собеседований?

Модальное окно Bootstrap конфликтует с чатом Jivo. Как починить?

С z-index все не так просто. Покажите сайт, без кода помочь вам будет сложно.

Как определить стоимость проекта?

Роман Мирр, согласен, я для наглядности )

Как определить стоимость проекта?

"y" можно еще на 2 умножить, не ошибетесь )

Как разбить страницу html на несколько?

Ссылка нерабочая.
Что конкретно вы имеете ввиду под "разбить страницу html на страницы по заданной высоте"? Может разбить страницу на блоки?

Flexbox. Как розместить оранжевые боксы как на картинке?

можно и без дополнительного div
тогда селектору "section" нужно дать свойства

justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;

а селектору "p":
width: 100%;

Vol. 3 Что поменять в дизайне?

Задний фон не нужен.

Что лучше изучить для фриланса?

Славик,
наоборот, портфолио для джуна очень актуально. Важно показать работодателю, что ты не кот в мешке и что-то умеешь делать. В портфолио необязательно должны быть коммерческие проекты, можно туда класть учебные или пет-проекты. Главное чтобы был пример твоего кода.

Как деструктуризировать props в React?

или

const App = ({ inner }) => {  
   const { param1, param2 } = inner;
}