Как выровнять блоки по высоте?

McThinker, Сработает вот по такой схеме https://jsfiddle.net/qb4mxkuf/

Как выровнять блоки по высоте?

McThinker, внезапно )))
Было бы круто это писать в вопросе.

В такой разметке без js или ограничения блоков по высоте - никак.

Есть ли аналоги before, after для колонок при columnCount?

У колонок одинаковая ширина и известно расстояние между колонок, значит все точки можно добавить одним псевдо к блоку.

Как добавить класс при достижении определенного элемента верха страницы и удалить его?

William,
else {$('.menu').removeClass('addclass');}

Как добавить класс при достижении определенного элемента верха страницы и удалить его?

else
removeClass

Проблема с выезжающим меню при зуме страницы Как исправить?

JackShcherbakov, логично

Как сделать такую выпуклость у картинок?

angry_yum, дугу - да, но углы будут чуть смягчены, но вряд ли пользователей ИЕ10 это сильно расстроит.
Можно обрезать еще одной оберткой с overflow hidden и чуть меньшим размером.

Либо маски SVG и полифил, 11му поможет, но не уверена про 10ый

Как сделать такую выпуклость у картинок?

angry_yum, border-radius, ссылки в ответе

Проблема с выезжающим меню при зуме страницы Как исправить?

JackShcherbakov, так функцию надо на ресайз еще повесить, чтобы снова проверял ширину.

Проблема с выезжающим меню при зуме страницы Как исправить?

JackShcherbakov, возьмите и руками напишите мета вьюпорт с фикс шириной. Останется прокрутка?

(function () {
  var width = screen.width;
  var oldViewport = document.querySelector('meta[name="viewport"]');
  var viewport = document.createElement('meta');
  viewport.setAttribute('name', 'viewport');
  viewport.setAttribute('content', 'width=' + (width <= 320 ? '320' : 'device-width'));
  document.head.replaceChild(viewport, oldViewport);
})();

ширину свою поставьте

Проблема с выезжающим меню при зуме страницы Как исправить?

JackShcherbakov,

Но дизайн вряд ли получится поменять.

Поскольку, устройств с вьюпортом, например, 320 полно, то менять дизайн/интерфейс это самое разумное решение.

Я так понял вы про эту строчку говорите:

Да, про нее.
На js при ширине 357 и меньше заменяете на
<meta name="viewport" content="width=357">

Исчезают стили если разрешение экрана меньше 992?

Валидатор CSS: https://csstree.github.io/docs/validator.html
Исправите ошибки, с большой вероятностью и стили найдутся.

Проблема с выезжающим меню при зуме страницы Как исправить?

Плохой вариант:
Менять вьюпорт с device-width на фиксированную ширину при окне меньше 357.

Хороший вариант:
Переделать дизайн под смартфоны.

Странное поведение columns?

<section class="<i>blog_feed</i>">
Ошибку в названии класса исправьте.

Браузер распределяет columns по своему усмотрению.
Альтернатива: masonry

Как адаптивно растянуть фон на два блока?

Только section это смысловой блок, для обертки ради обертки лучше использовать обычный div.

Какой размер центровщика в данном макете?

xonar, не знаю, что там за краями картинки и какой планируется вид на больших мониторах, но это пока по виду это одна картинка.
Если они по разному себя ведут на разных размерах окна, то это регулируется с помощью bg size и bs position.
Если совсем по разному, то несколько картинок и множественный фон.

Какой размер центровщика в данном макете?

xonar, фоном. На контентные они точно не тянут.

Какой размер центровщика в данном макете?

Вы правильно нарисовали красные вертикальные полосы.

Что делать, если в макете боковая панель находится внутри тега main?

Snowtime, от того, что новости встречаются только на главной, а не сделаны сквозным блоком, они не становятся главным контентом, баннер тоже.

Что делать, если в макете боковая панель находится внутри тега main?

Не очень понятно. Если "еще контент" это основной контент, то его переименовать в main.