Как минифицировать CSS и JS так, чтобы не поломать вёрстку? Минификация сжимает код за счёт удаления пробелов, комментариев и переносов строк, сокращения имён переменных и функций, но не меняет логику — вёрстка ломается не от самого сжатия, а от агрессивных настроек, которые переименовывают классы, селекторы или глобальные идентификаторы, к которым обращается разметка и сторонние скрипты. Безопасный путь — сжимать CSS через cssnano или csso, а JS через Terser или esbuild, оставив нетронутыми имена CSS-классов и публичных API...

Flexbox подходит для распределения элементов вдоль одной оси, Grid — для согласованных строк и колонок. Выбирайте способ по поведению конкретного блока. Оба механизма размещают элементы средствами CSS. Выбирать между ними полезнее на примере блока: панели действий, списка карточек, шапки или области с боковой колонкой. Один сайт может использовать оба подхода и обычный поток текста там, где отдельная система размещения не требуется. Сначала опишите поведение без названий технологий. Например: действия идут подряд и переносятся, если места мало...