Возможен ли адаптив блока от ширины не экрана, а родительского блока?

Тимур Турсунбаев, наоборот, мне кажется. Там есть repeat() и minmax(), с которыми прямо чудеса творить можно

Как найти единомышленников для проекта, или влиться в стартап?

дураков нет

Лично я знаю (знаком лично и виртуально) пару проектов, где люди собрались и запилили проект до стадии продакшена. На энтузиазме.

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

Возможен ли адаптив блока от ширины не экрана, а родительского блока?

Конкретно медиа-запросы не работают от элементов, только от вьюпорта или экрана.
Но в целом некоторые техники верстки позволяют делать адаптивные блоки от доступного для их размещения места. В первую очередь с применением flex и grid раскладок.

Как сделать блок такой на flex?

.container_brand {
  max-width: 700px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .container_brand {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

Как сделать блок такой на flex?

Чтобы при адаптиве было в столбик, вообще ничего менять не нужно
Люди! Вы забыли, что блоки по дефолту выстраиваются в столбик?

Какой микрофон подойдет для записи голоса, для аудиокниг?

На мой взгляд это не задача сисадмина — выбирать звукозаписывающее оборудование, и оборудовать помещения под звукозапись. Для этого существуют специально обученные люди. Это если руководству, конечно, нужен качественный результат.

Как можно уникализировать картинку для facebook?

А фейсбук в это время тренирует свою нейросетку распознавания изображений и втихаря хихикает — давай, давай, юзер, посмотрим кто кого =)))

Адаптивная верстка тремя разными дивами?

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

Почему медиа-запросы называются запросами, что они и откуда запрашивают?

Скорее это запрос возможностей юзер-агента. Но "запрос" не в привычном понимании, а просто условие, которое либо выполняется, либо нет. Сами параметры устройства считываются при загрузке браузера (если мы говорим о браузере) и не запрашиваются при каждом упоминании в коде.
Имхо, конечно. Исходники браузеров я не ковырял.

Каким должно быть портфолио для человека без фриланс опыта?

Есть желание, время и силы фрилансить в свободное от работы время.

Я немного не в тему напишу. Судя по посту, вы в достаточной степени профи, в своей области, и можете работать с серьезными (и соответственно, хорошо оплачиваемыми) проектами. Но вот эта фраза "фрилансить в свободное от работы время" подразумевает, что вы либо не сможете выделять достаточное количество времени на выполнение таких заказов и будете заваливать сроки со всеми вытекающими, либо будете работать на износ, что тоже плохо.
На другой стороне фриланса, а точнее, на его дне, есть конечно дешманские проекты, но там и хомячков, желающих их выполнить, — как грязи.
В общем сложности не только в наличии хорошего портфолио.
ИМХО, конечно, на основании своего опыта. Могу и ошибаться.

Можно ли скрыть форму(модальное окно) на чистом css?

dollar,
1) Несколько вкладок одного браузера вполне могут знать друг о друге, и обмениваться информацией.
2) Модальное окно, и даже состояния внутри него вполне могут иметь свои адреса. Все зависит от желания и криворукости программиста.
3) Современный браузер — это уже далеко не только работа с текстовой информацией.

Какое-то странное у вас заявление. С чего вдруг такое отрицание современных web-технологий? =)

Тот же javascript сегодня является неотъемлемой частью веба. И от этого никуда не деться.

Синтаксис SASS, псевдоэлемент :hover + class?

bekingem, Лишние амперсанды только засоряют код. Подстановка родительского селектора в любом случае будет. Амперсанд лишь указывает, куда его нужно подставить, если нужно изменить позицию:

.selector {
  & a {
  }
}

равнозначно такому коду

.selector {
  a {
  }
}

Второе чище, и проще читается.

Но если нам нужно получить на выходе, например, a .selector {}
то мы может использовать амперсанд, чтобы указать это

.selector {
  a & {
  }
}

Возможно ли в SCSS использовать & для .class1, .class2 так чтобы получилось .class1.subclass, .class2.subclass?

EA-EKB, Нет, & будет перечислен для каждого селектора, перечисленного через запятую.

Как определить свой уровень?

7 лет? Вы должны быть профи в верстке. Не хуже меня =))

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

Хотя "Сеньор-верстальщик" само по себе звучит как-то... хреново оно звучит.

Каким селектором выбрать данные элементы?

Потому что вам нужен каждый третий начиная со второго, а не каждый второй, начиная с первого. Так и нужно писать.

Почему margin работает, будто прописан для родителя?

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

Может ли фрилансер нанимать подрядчиков вне Upwork?

Регистрация на апворке запрещает вам пользоваться другими биржами или нанимать людей в оффлайне?
Как-то бредово звучит, не находите?

Как реализовать табы профиль и друзья?

BenderIsGreat34, не нужно ничего никуда помещать. Они уже сверху.

<tabs>
  <tab>Профиль</tab>
  <tab>Друзья пользователя</tab>
</tabs>
<tab-panels>
  <tab-pane>Содержимое вкладки профиль</tab-pane>
  <tab-pane>Содержимое вкладки друзья</tab-pane>
</tab-panels>

И все.
Совет: просто посмотрите как делают такие вкладки. Хоть в том же бутстрапе, или примеры на codepen.io поищите.

Как реализовать табы профиль и друзья?

Совет дать несложно, если понять, что вам нужно =))

С виду самые обычные вкладки, коих тысячи найти можно. В чем проблема, не ясно.

Можно ли получить по шапке используя !important в проекте?

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