Как использовать новый контейнер в Tailwindcss V4? ⇐ CSS

[Anonymous]

По сути, я хочу поместить @container класс в моем Div. Я хотел сделать это в центре и с точками останова, как это было в Tailwindcss v3, например,: написаноexport default {
theme: {
container: {
center: true,
padding: {
DEFAULT: '1rem',
sm: '2rem',
},
screens: {
'2xl': '1400px'
}
},
},
}
< /code>
Но теперь это изменилось, я попробую это: < /p>
@theme {
--breakpoint-default: initial;
--breakpoint-tablet: 40rem;
--breakpoint-laptop: 64rem;
--breakpoint-desktop: 80rem;
}
< /code>
const Header = () => {
return (


Sensei

Contact



);
};
< /code>
Тем не менее, это не работает так, как это работало, и я не знаю, что делать. Я ожидал, что он будет вести себя как контейнер (положить центр, погружения и т. Д.), Но это не работает.
Вот заголовок, но это должно быть с прокладками:


Подробнее здесь: https://stackoverflow.com/questions/796 ... windcss-v4