Какие знаешь подходы к организации верстки

1. Блочная верстка (Float Layout)
Использование float для позиционирования элементов. Устаревший метод, но встречается в legacy-коде.

.container {
  width: 100%;
}
.box {
  float: left;
  width: 50%;
}

2. Flexbox
Гибкий и современный способ для одномерного макета (ряды или колонки).

.container {
  display: flex;
  justify-content: space-between;
}

3. CSS Grid
Для сложных двумерных макетов. Позволяет точно контролировать строки и столбцы.

.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

4. Адаптивный дизайн (Media Queries)
Подстройка под разные устройства через @media.

@media (max-width: 768px) {
  .box {
    width: 100%;
  }
}

5. Методологии (BEM, SMACSS)
BEM (Блок-Элемент-Модификатор) для именования классов:

.block__element--modifier { ... }

6. CSS-in-JS (Styled Components, Emotion)
Стили в JavaScript для изоляции и динамики.

const Button = styled.button`
  background: ${props => props.primary ? 'blue' : 'gray'};
`;