В Tailwind CSS v3 был файл Tailwind.config.js, в котором мы могли объявить разные отступы для разных экранов, например:
theme:{
container: {
center: true,
padding: {
DEFAULT: `10px`,
sm : `20px`,
lg : `80px`,
xl : `120px`
}
}
}
Теперь нет Tailwind.config.js.
Приходится использовать глобальный CSS.
Как это сделать поместите эти дополнения в контейнер, так как нет возможности/охватить его.
Несмотря на то, что у них есть @container, но теперь есть способ поместить эти переменные заполнения, которые могут автоматически принимать размер заполнения.
Я пробовал использовать
@container {}
@utility container{}
@layers {
@media container (){}
}
Подробнее здесь: https://stackoverflow.com/questions/793 ... ind-css-v4
