Что нужно указать в CSS чтобы сработал breakpoint

Для создания breakpoint в CSS используется медиа-запрос @media. Укажите условие, при котором стили будут применяться, например, ширину экрана:

@media (max-width: 768px) {
  /* Стили для экранов шириной до 768px */
  .element {
    font-size: 14px;
  }
}

Ключевые параметры для breakpoint:

• min-width — стили применяются при ширине больше указанного значения
• max-width — стили применяются при ширине меньше указанного значения
• Можно комбинировать условия: @media (min-width: 576px) and (max-width: 992px)

Распространённые breakpoints (в px):

• 576 (sm)
• 768 (md)
• 992 (lg)
• 1200 (xl)
• 1400 (xxl)