Как реализовать сворачивание и разворичивание строки таблицы?

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

Как на флексах сделать сетку, в которой одна колонка была заключена в фон?

raulvodov, оно у тебя динамическое по ширине чтоли? У тебя по дизайну блоки все определенной ширины, вот и укажи ее в пискселях

Как на флексах сделать сетку, в которой одна колонка была заключена в фон?

Ты правильно разбил задачу на части. Собственно у тебя будут два блока 1) слайдбар 2) контент. Внутри них уже выдавай свои карточки нужного размера. Это и с точки зрения бэка будет правильно, ты же отдашь потом кому-то все это хозяйство собирать

Можно ли с таким портфолио идти на фриланс?

Антон Середний, в случае маленьких сайтов макет будет верстать тот же кто его собирает, в случае больших это будет делать фронт. С современными браузерами, c flex, grid и препроцессорами это все будет занимать максимум 10% времени от общей задачи и никто ради этого не будет нанимать отдельного человека. Это вам не то что раньше, когда верстальщик стоял на передовой против всех версий ослов начиная с IE6, заканчивая багами в мозилле, воевал с флотами и пр.

CRUD приложение на JS с AJAX Запросом на сторонний ресурс, идеи?

Егор Живагин, Я бы посоветовал для фронта React-Redux, собрать все вебпаком, сервак на Node.js, ну и по мелочи там sass немного))) Тогда парню можно универ и не заканчивать, а сразу на 150 килорублей синьором брать)

CRUD приложение на JS с AJAX Запросом на сторонний ресурс, идеи?

Андрей, Напишите дерево каталогов и файлов обычное для начала. Не советовал бы с нулевыми знаниями по JS лезть в какое-либо Api, толку будет 0 для обучения ибо начинать надо с простого т.к. вы все равно не поймете откуда что берется без базовых знаний

Как использовать события для выпадающего меню?

Посторонним В., как-то так https://jsfiddle.net/6xxvdhwp/

Как использовать события для выпадающего меню?

Посторонним В., Древовидная это структура Родитель -> потомок. В данном меню это так

<div class="menu">Вопросы и отзывы
  <div class="menu__submenu">
     <a href="#">Написать</a>
     <a href="#">Часто задаваемые вопросы</a>
  </div>
</div>

Тогда вы просто по ховеру на родительский пункт сможете открывать потомков даже без jquery и с любыми зазорами. А у Вас сейчас совсем не верно, потому что "Вопросы и отзывы" это не заголовок меню по архитектуре, это родительский пункт

Как использовать события для выпадающего меню?

Используйте для меню древовидную структуру всегда и тогда вопросов таких появляться не будет)

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

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

Как поймать любое событие на элементе?

Donald_Duck, х.м. возможно вам помогут в хроме инструменты разработчика и там Elements > Event Listeners

Как поймать любое событие на элементе?

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

Как расположить блоки по центру и один над другим?

Сергей:
1) Немного не понял вопроса, да и не буду предлагать вам колхозы т.к. сейчас вижу не точности в верстке. Но по текущей верстке: я не понял зачем вы внутри одного контейнера дублируете одну и ту же информацию. Вот этот контейнер: box__row-cell-info--full вовсе не нужен. Правильнее вместо box__row-cell-info заголовку 1 раз дать класс box__row-cell-info-title (например)
и играться с ним в зависимости от модификатора .active.
з.ы. В css модификатор нельзя описывать отдельно от класса ибо модификаторов active может быть сколько угодно на сайте.

2) Как вариант вот так

Как расположить блоки по центру и один над другим?

Ну добавьте к классу .active margin-left: 0; и будет все норм

Как расположить блоки по центру и один над другим?

Вот сюда добавляем

.box__row-cell {  
    margin-left: -12%;
}

Вот это

.box__row-cell.active:nth-child(2) {
  bottom:0!important;
  top: inherit!important;
}

Вот так

Ставим ниже стиля для .active. А вообще я бы отказался от использование ипортантов, это дурной тон

Почему в Google Chrome строки в input и select сдвинуты на 2 пиксела вниз? Как это исправить?

Вот фрагмент с участием вашей разметки: https://jsfiddle.net/rayLgbts/
Версия хром: 57.0.2987.133
Ничего не съезжает. Ищите дебагером глюк в css

Как сделать аналог slideToggle на JS?

Закиньте свой код сюда https://jsfiddle.net/

Как сделать аналог slideToggle на JS?

По хорошему, с точки зрения правильного кода, классы для CSS, атрибуты и id для JS) Меню удобнее и правильнее делать древовидной структурой и ловить просто прямых потомков.

Как реализовать такую галерею?

+1 а подробнее сделать с помощью :before