Если бы было все так просто, яб не рисовал нужную схему в фотошопе, и не выкладывал бы рабочий пример на "codepen.io" для наглядного отображения ситуации, а просто дописал бы ваше решение в код CSS))
Если вы обратили внимание, в примере и так блоки тянутся по ширине) проблема в том что нужно растянуть первый блок с перекрытием второй строчки.. так как это могострочная структура " flex-wrap: wrap; "
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.