Да любые табы которые поддерживают callback скрипт после перехода + слайдер, который инициализируется при смене табов. в примере owl карусель.
Можно обойтись и без табов. Смотря какой функционал нужен. Например переход по якорю с историей в браузере, аякс загрузка.....
как сделано в конкретном случае смотри webdesign-finder.com/dotdigital/wp-content/themes/... строка 439
&tpl Имя чанка для оформления ресурса. Если не указан, то содержимое полей ресурса будет распечатано на экран. По умолчанию: @INLINE <li[[+classes]]><a href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>
Использовать слабо поддерживаемый object-fit
Делать паддинг родителю в процентах его высота должна быть 0. Детей располагать абсолютом
Либо js переводить img в бзкграунд и скрывать оригинал
Bootstrap вставляет костыль с дивом 100% и 0 высотой. Бэк ту div class="clearfix" :)
Как вариант предыдущему диву дать маргин.паддинг оставшегося места
Sgrid для stylus очень неплохой.
Да и в bootstrap можно миксинами указывать сетку.
Susy для scss гибкая но не простая.
Smartgrid и fastgrid на любителя.
Для flexbox можно написать свой миксин что я и сделал.
Можно. Можно даже делать поэтапно. Но судя по вопросу бэм вам не нужен. Он ничего не дает кроме дальнейшей поддержки и расширения верстки на основе готовых блоков.