oelena

Флекс к сожалению не умеет обтекать картинку текстом. Вариант только флоатом.
https://jsfiddle.net/ElenaOr/7ov9ec1p/9/ - поправила немного ваш html файл + когда пишите

.post-image {
  min-width: 400px;
}

то картинка располагается на всю ширину экрана, так как:

.post-image img {
  width: 100%;
}

поэтому блоку надо задать фиксированную ширину:

.post-image {
 width: 400px;
}

www.liquidapsive.com - здесь можно наглядно посмотреть и покрутить на разных экранах.
Резиновая и адаптивная - они в принципе друг друга не исключают.

Sticky плавает внутри родителя. Т.е. его родитель должен быть тег main, и так он на header и footer не зайдёт. И укажите top.

https://jsfiddle.net/ElenaOr/79d1x0k8/5/ - вот так
sticky работает внутри родителя и на соседние элементы не опускается

Как минимум в gulp есть plumber и вы не пропустите свои ошибки. А еще позволяет использовать различные препроцессоры облегчающие жизнь верстальщика))). Это все намного ускоряет процесс.