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

Flexbox и Grid — две основные системы раскладки.

Flexbox — одномерная, для выравнивания элементов по горизонтали или вертикали. Идеален для навигации, карточек.

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

Grid — двумерная, для сложных сеток. Позволяет управлять строками и столбцами.

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

Также использую Float (устарел, но иногда нужен для legacy) и Position (absolute, fixed для точного позиционирования).