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

Антон Вебсайтовский,
так меньше блоков
https://jsfiddle.net/chbfduop/

И вы аккуратнее с 35% и 65% и еще margin-left 70px. Это капельку больше 100%, а значит флексбокс кого-то сожмет.

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

Антон Вебсайтовский, аккуратно

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

Антон Вебсайтовский, да

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

Антон Вебсайтовский, ну хорошо, тогда зачем fb )))
Вы просто перемудрили с разметкой и наделали лишних оберток.

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

Антон Вебсайтовский,

https://jsfiddle.net/zqrLxdkf/
зачем .ff65 я не поняла

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

Антон Вебсайтовский, не поняла вопроса

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

Антон Вебсайтовский, ну это абсолюты, чего от них хотите. Пишите через препроцессорные переменные, будет проще.

Но я за флекс

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

Антон Вебсайтовский,
флексы https://jsfiddle.net/gsdb8rL0/
абсолюты https://jsfiddle.net/euvxz8fs/

Но хочу повторить: решение с абсолютами не является надежным.

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

Ну вы и понаписали классов и оберток.

Если абсолюты, то padding-bottom родителю (ненадежный вариант, если высота кнопки увеличится, то паддинг об этом не узнает).
Либо флекс с flex-direction: column и либо space-between, если дочерних элемента только 2. Либо margin-top:auto для кнопки, если флекс элементов больше, чем 2.

Имеет ли смысл тэг section, если он является единственным крупным смысловым блоком в main?

Если это статья, то это article.
Хлебные крошки я бы постаралась не включать в main, но это так.. капризы.

Но не понятно зачем нужны аж 2 лишние обертки у хлебных крошек main__breadcrumbs и breadcrumbs.
И вот эта article__top. Но, возможно, оправдано дизайном. Но тогда, семантически это header.

Как сделать, чтоб после клика по области меню свойство background-color фиксировалось на данной области?

seiransuleimanoff86, .header-wrapper .menu > li.current-menu-item > a
(дичайший селектор, прямо скажем)

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

Открываете инструменты разработчика и смотрите какие классы применены и что у них в стилях.

скрин раз

скрин два

Как сделать, чтоб после клика по области меню свойство background-color фиксировалось на данной области?

seiransuleimanoff86, так найдите класс, который меняет цвет и добавьте туда фон.

Или показывайте сайт.

Почему на Iphone переносится текст на следующую строку после изображения?

profesor08, и флекс не очень работает с summary

Как сделать, чтоб после клика по области меню свойство background-color фиксировалось на данной области?

Выбранный, это когда пользователь находится на странице соответствующей этому пункту меню? (Если что, я 4 раза перечитывала вопрос, но поняла мало)

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

Как лучше всего реализовывать табы и аккордионы?

Но если js не загрузится, или он вообще отключен, нельзя будет посмотреть скрытую информацию.

Значит в начальном положении она должна быть показана. Потом скрыта на js.
Если js есть - будут табы/аккордеон, если js нет - будет простыня.
Альтернатива - ссылки на страницу с развернутой инфой.

Как сделать, чтобы текст из data атрибута перекрывал весь блок?

olya_097, я бы просто блоки бы поменяла на js и дело с концом. Все равно кнопку на js обрабатываете.

По дороге перенесла бы выбор даты и времени на одну строчку.
Выглядит странно, что время объединено с грузчиками, а дата сама по себе.
И потом всю строку в которой дата и время, заменяла на "сейчас", если не хочется, чтобы форма дергалась.

Как сделать, чтобы текст из data атрибута перекрывал весь блок?

olya_097, Оль, что вы творите? В смысле всю задачу озвучьте.

Как сделать, чтобы текст из data атрибута перекрывал весь блок?

olya_097,

display: flex;
  align-items: center;
  justify-content: center;

Как сделать, чтобы текст из data атрибута перекрывал весь блок?

olya_097, Оля, текст по центру ставится свойством text-align: center, неприлично даже как-то. Ну либо флексами, если вертикаль тоже нужна.

Как сделать, чтобы текст из data атрибута перекрывал весь блок?

olya_097, всё у вас перекрывает https://jsfiddle.net/1nzos4d6/