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 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

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

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

Я конечно извиняюсь, не думал что если дивы добавлю в контент будет проблема, так что ваш вариант не работает, у меня там дивы в контенте и вот такая проблема https://jsfiddle.net/r6oecnxL/
Растянуло все что внутри.

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

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

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

Рустам Байназаров, а так можно вот так сделать, меньше код, но там проблемы с контентом, ну в примере видно или выше на скрине, пример https://jsfiddle.net/0Lam765n/1/

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

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

.fb, .fbr{
  width: 100%;
  position: relative;
}

контент внутри не растягивался в весь блок.
вот и добавил.

выходит типа того что-то. кнопка только левая растянулась, там поситион абсолут

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

Вот что выходит, если убрать fb, а position: relative;
добавить сюда

.ff, .ff65, .ff35{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

чтобы кнопки не вылезали за блоки.

https://jsfiddle.net/0Lam765n/

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

Ankhena, без

.fb, .fbr{
  width: 100%;
  position: relative;
}

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

можно было из этого

<div class="ff65">
   <div class="fb">

сделать так
<div class="ff65 fb">
но так не срабатывает.

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

Ankhena, напишешь лучше не применяя что-то выше флекса ? )), чтобы адаптация была и все дела )

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

спасибо большое, флекс, да не самая новая функция, но полезная и уже можно внедрять.