&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 можно написать свой миксин что я и сделал.
Можно. Можно даже делать поэтапно. Но судя по вопросу бэм вам не нужен. Он ничего не дает кроме дальнейшей поддержки и расширения верстки на основе готовых блоков.