2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Рустам Байназаров, хороший пример, но почему не сработал на моем примере? https://jsfiddle.net/e5vfno7t/2/
у вас el блок 50%, то есть все блоки 50% в моем случае, блоки разной ширины.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Хочу заметить, что последний вариант он не адаптивный вообще ) https://jsfiddle.net/chbfduop/
Конечно большое спасибо за помощь, но вы делаете и не проверяете. Почему? хотя пытаетесь давать кучу советов.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

И зачем

.b0 {
  margin-top: auto;
}

если там в кнопках можно вписать

.regs {
  width: 100%;
  margin-top: auto;
  padding: 15px 0 15px 0;
  text-align: center;
  background: #DD0746;
  color: #fff;
  font-size: 16px;
  border: 0;
}

.ka {
  width: 100%;
  margin-top: auto;
  padding: 15px 0 15px 0;
  text-align: center;
  background: #eb7c2c;
  color: #fff;
  font-size: 16px;
  border: 0;
}

и зачем
.form-field

если можно так сделать

.fb input, .fbr input{
margin-bottom: 20px;
}

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Ankhena, не совсем понял по поводу 35% и 65%, и маргин лефт 70, почему нельзя такой отступ делать, я через медиа потом меньше делаю его.
и вообще при определенном размере экрана, через медиа, становиться один блок в линию и под него фторой и там уже не 35% и 65%, а каждый по 100%.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Не сломалось чет, попробовал перенести ) и фб убрать.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Ankhena, так если можно убрать, то можно ! раньше он нужен был, если щас нет то можно убрать.
Так то что в fb, можно перенести сюда .ff65, .ff35 я правильно понял и фб убрать.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Ankhena, так-то работает, но тож
убирает, надо применять паддинг или маргин.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Ankhena, блоки не одинаковые ff65 - это 65%, а второй ff35 - это 35% ширина блоков.
вообще поидеи для левой кнопки надо было, но вы сделали для обоих я вот и пытался для обоих применить, пусть две будут.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Ankhena, это был не вопрос.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Ankhena, Один из твоих методов https://jsfiddle.net/gsdb8rL0/
применил на деле, вот что вышло https://jsfiddle.net/q0gvszf6/1/

Не пашет ))))

Второй тож применил и тож беда с кнопками, вообщем ничего не изменилось ) все таже проблема с кнопками )
Ладно че, часа 3 только потерял тут со спецами ))))), если что оставлю как есть и все. чеж уж тут поделать.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Рустам Байназаров, да там не только в этом дело, слева есть где более короткий блок, а справа он более длинный но его сжало под левый.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

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

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Ankhena, за флекс это для блоков, а что для кнопок тож можно было что-то применить? а почему не сделали на своем примере.

а то я щас ставлю ваши примеру, тестирую.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Рустам Байназаров, да причем тут разметка, код очень короткий, видно же по примеру что и как, все же просто, по вашему методу, идет сжимание блока который длиннее чем другой и по этому и бр сжимает и вообще убирает.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Ankhena, Щас попробую, главное чтобы проблем новых не появилось )), а то уже столько вылезло )

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Рустам Байназаров, в последнем методе, есть косяк, он куда-то
сжирает, я поставил на примере https://jsfiddle.net/q0gvszf6/ между дивами в которых импут.
Второй вариант тож сжирает.
Ах хотели решить такую мелкую проблему ) и по итогу намудрили еще больше )

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Ankhena, есть и минусы, в ваших методах, кнопка на всю длину, но она не учитывает отступы контейнера, у меня там 30 стоят вообще, но при адаптации они 20 и потом 20, в медиа прописываю, а теперь надо и кнопку прописывать, чтобы она тож в медиая была из-за этого width: calc(100% - 20px);

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Рустам Байназаров, я не думал что из-за дивов будет такая беда, я вот стараюсь не обворачивать кнопки в отдельный див и т.д.

вот вариант где все ок https://jsfiddle.net/1e03cfys/

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Ankhena, ага неплохо. по короче код вышел )
Не полностью еще на флекс перешел ), по этому салянка и выходит.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Рустам Байназаров, а все понял, вы про то как я все подписал ), сокращенно )
ну кто как пишет )
в вашем коде дивов больше и кода ) так что не скажу что это хорошо )