0xD34F

Работает. А кнопка горизонтально не по центру, потому что соответствующее центрирование не задано. Потому что justify-content распределяет содержимое блока вдоль главной оси, в качестве которой у вас установлена вертикальная (flex-direction: column).

Используйте align-items.

Абсолютное позиционирование убрать, родительскому элементу добавить

flex-direction: column;
justify-content: space-around;

Не задана высота для row, row непонятно зачем вложен в ещё один row. Исправлено.

Может, потому что вы перепутали align-items и justify-content?

https://jsfiddle.net/rg608sam/1/

overflow: auto

например

display: flex; для nav
flex-direction: column; (и ширину какую надо ещё не забудьте) для .navigation--blok

Так?

flex-grow: 1;
flex-basis: 0;

В качестве ширины флекс-контейнера (570px) задаю сумму ширин флекс-элементов (390px + 180px).

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

Предположу, что вам надо на самом деле выравнять контейнер по центру страницы - добавьте margin: 0 auto элементу .subscribe-form, например.

https://jsfiddle.net/2xdvq7dL/1/

Потому что центрируется содержимое section, а не содержимое содержимого section. Хотите, чтобы текст в h1 был по центру - добавьте text-align: center;.