Посмотрите
Solved by Flexbox. Сетка и адаптивный подход - это не вагон кода, даже с классическим подходом. HTML по своей природе mobile-first and responsive, а по мере усложнения добавляйте нужные правила.
Фреймворки для небольшого сайта - overkill. Готовые фреймворки для большого сайта - форсирование стандартов фреймворка и отсутствие должной гибкости. Поковыряйте фреймворки, посмотрите как у них неализовано, изучите технику. А дальше всегда делайте под конкретный проект. С SASS верстка сетки и адаптивного лейаута на уровне контейнеров и модулей занимает несколько минут.