Как правильно создать адаптивную сетку?
А ты не используй бездумно, а возьми тот же bootstrap, разберись в нем (там все очень просто, на самом деле), и посмотри как там реализованы сетка, размеры, и брейкпоинты. Там найдешь ответы на первые три вопроса.
4. Это уже, скорее всего, больше типографика.
5. Grid Layout in CSS: Interface Layout for the Web, Building Responsive Data Visualization for the Web
У меня была схожая задача, я возможно пошёл по неправильному пути но суть и механику сетки я просто подсмотрел исследуя страницу примера getbootstrap.com/examples/grid в дебагере хрома. Бутсрап использует 12-сетку и мне кажется она самая оптимальная.