Какие подходы к верстке использовал

В своей практике я использовал несколько подходов к верстке: 1. **Адаптивная верстка** (media queries) - основной подход для создания кросс-устройственных интерфейсов. Пример: ```css .container { width: 100%; max-width: 1200px; margin: 0 auto; } @media (max-width: 768px) { .container { padding: 0 15px; } } ``` 2. **Mobile-first** - начинаю с мобильной версии, затем добавляю стили для больших экранов. 3. **БЭМ** - для организации CSS-кода и именования классов. Пример: ```html ``` 4. **CSS-in-JS** (Styled-components, Emotion) - для компонентного подхода в React. 5. **CSS Grid и Flexbox** - для сложных раскладок. Grid использую для двумерных, Flexbox - для одномерных. 6. **Препроцессоры** (Sass/SCSS) - для более удобного написания CSS. Выбор подхода зависит от проекта, требований и команды.