Как сделать редактирование значения в input?

Я вам поправил вопрос, чтобы код было видно. Примите правку или так же исправьте сами, если принимать чужие правки не можете

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

.map-section
  .map-container
  .content-container
    .content-block

.map-section { position: relative; }
.map-container {
  position:absloute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.content-container {
  position:relative;
  max-width: 1000px;
  margin: 0 auto;
  pointer-events: none;
  padding-top: 50px;
  padding-bottom: 50px;
}
.content-block {
  background: white;
  width: 300px;
  pointer-events: all;
}

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

Тимур Турсунбаев, как-то так, например https://codepen.io/anon/pen/pXpBJj?editors=1100

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

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

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

Тимур Турсунбаев, наоборот, мне кажется. Там есть 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 работает, будто прописан для родителя?

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