Tailwind v4 как работать с контейнером?

Question

[yselivanov857]

Есть проект typescript, vite, react, shadcn (и конечно же не без tailwind). сам tailwind устанавливал по доке в shadcn и по тому там последняя 4 версия.

В отличии от 3 версии в 4 я не могу создать командой конфиг так как это просто вырезали
при использование container в классе у меня есть следующий код, который как я понял идет по умолчанию

.container {
  width: 100%;
  @media (width >= 40rem /* 640px */) {
    max-width: 40rem /* 640px */;
  }
  @media (width >= 48rem /* 768px */) {
    max-width: 48rem /* 768px */;
  }
  @media (width >= 64rem /* 1024px */) {
    max-width: 64rem /* 1024px */;
  }
  @media (width >= 80rem /* 1280px */) {
    max-width: 80rem /* 1280px */;
  }

у меня совершенно другие стили для container и они просто находятся под этими стилями по умолчанию если навестись на класс container.

что мне делать? config нормально не работает, как мне задать свои стили для container?

Answer 1

[Антон Антон]

Контейнер фиксирует ширину под брейкпоинт, соответственно, надо их и настраивать.
для padding и центрирования настройка описана в upgrade guide