mashacppjun

Использую немножко подпиленную под себя сетку от Bootstrap (4 Alfa).
+ конечно же стили отдельных блоков по необходимости модифицирую через media queries

Пожалуйста, не говорите так как будто bootstrap и media queries это какие-то альтернативные подходы. Бутстрап это просто набор стилей, с теми же медиа запросами.

Я поначалу тоже плевался - зачем бутстрап и т.д. Я и сейчас считаю великой глупостью в любой проект тащит бутстрап и потом спрашивать на тостере как переопределить его стили. Но когда наработал свой мини-фреймворк для сетки - сетка бутстрапа и получилась.

Flex box - круто все, но когда стоит задача поддерживать старые ослы (8+) то профита с генерацией фоллбеков не вижу.

И, конечно, если дизайнер совсем ублюдок, то никакая сетка не поможет)

Бутстрап для больших проектов и модульного подхода, media queries для маленьких сайтов и особо сложных случаев. Такой подход обеспечивает максимальную кроссбраузерность.

Например, вот так: codepen.io/mvchalov/pen/ojxEZL
По поводу второго пункта не совсем понял, что вы имели в виду: ширину или наложение?

А никого не удивило, что задача решается в консольном режиме и ответ тут более, чем очевиден?

struct Node
{
  int cell;
  Node *left, *right;
};

Где здесь вес перехода в эту Node? Суммируете и всё.