Портфолио заголовок и текст (на желтом) на всю ширину и сверху сделать (100%).
Картинки под ним.
Для этого часть портфолио с картинками должно быть в своем собственном диве, все колонки обернуть в родительский тег.
Дальше с колонками либо по примеру бутстрапа - по процентам. Либо перестраивать их в строки.
Тут уже надо самому смотреть.
Но чтобы вообще с этим работать, внутри .porfolio два тега. 1 -- контейнер для текста. 2 - контейнер для картинок и кнопки "see more".
Их уже можно будет перестраивать сами по себе. Флексами да, лучше всего.
А вообще если надо адаптив и нет дизайна хотя бы еще на два экрана, хорошо брать бутстрап и в адаптиве отталкиваться от него.
Главное правльно распределить колонки и строки.
