Как в 2017 делают отзывчивую вёрстку?

Проблема классическая: нужно сделать отзывчивую вёрстку страницы. Пока что тестирую на firefox, для других браузеров буду делать отдельную версию.
У меня на ум приходит только два варианта:
1. Делать большой (около 90 кб. и более) CSS файл с применением media для нескольких разрешений до 1024х800 включительно.
2. Использовать bootstrap и пр. фреймворки.

Второй вариант отпадает, т.к. хочу научиться сначала правильно делать руками, а после упрощать работу (и то мне он не особо нравится). RESS реализовывать не вижу смысла: человек может быть слабовидящим и увеличивать масштаб до 600%.
Поэтому вопрос: как на сегодняшний день реализовывают отзывчивую вёрстку (если не брать во внимание bootstrap)

Исправлено: косяк с отдельной версией под браузеры. Написал бред, разобрался в проблеме. Обыкновенная кроссбраузерность всё решает. Остальное адаптив.