Какие использовал методологии CSS

BEM (Block, Element, Modifier) — самая популярная. Разделяет интерфейс на независимые блоки, элементы внутри них и модификаторы для изменения внешнего вида. Пример:

.button {} /* Block */
.button__icon {} /* Element */
.button--large {} /* Modifier */

SMACSS (Scalable Modular Architecture CSS) — разделяет стили на 5 категорий: Base, Layout, Module, State, Theme. Помогает структурировать большие проекты.

OOCSS (Object-Oriented CSS) — разделяет структуру и оформление. Пример:

/* Structure */
.media { display: flex; }

/* Skin */
.media--rounded { border-radius: 5px; }

Atomic CSS — создание маленьких, одноцелевых классов (например, mt-10 для margin-top: 10px). Часто используется с утилитарными библиотеками типа Tailwind.

CSS-in-JS — современный подход, где стили пишутся прямо в JavaScript (Styled Components, Emotion).