CSS

Проекты пиши на CSS3 без препроцессоров;
Используй css-переменные;
Пиши общие стили разметки сначала файла, а после них в media-выражениях детальнее описывай разметку;
Собирай один css-файл для шаблонных страниц;
В песочнице есть базовый шаблон для стилей frontend_bc/src/styles/;
Псевдоэлементы (hover, focus, nth-child, after, before) твои друзя;
Flexbox или Grid - без разницы, у нас поддержка вечнозелёных браузеров;
Проверяй свойства стилей на кроссбраузерность;
Используй связку Atomic CSS + BEM для эффективного написание оптимального количества стилей;
Если для шаблонного лендинга нужно добавить стили, лучше их писать в блоке CustomCSS/JS, чем добавлять в общий файл;
При публикации страницы всегда сжимай стили;
Don`t repeat yourself.

У нас оплаченный сервис для определения неиспользуемого css на странице

Unused СSS;
Просто вписываем адрес страницы для проверки и получаем только тот код, что там используется. Так же рекомендуется использовать этот сервис, когда нужно добавить на страницу блок с другого лендинга и получить только его стили. Поднимай копию лендинга с нужным блоком, удаляй все блоки, кроме нужного и через сервис получай список css-правил только для этого блока.

Что бы не повторять стилей, есть готовый шаблонный список классов