Wie benutze ich neue "@Container" in Tailwindcss v4 anstelle von `themen.container` JS-basierter Eigenschaft? ⇐ CSS

[Anonymous]

Grundsätzlich möchte ich @Container Klasse in meine DIV einfügen. Ich wollte es zentrieren: True und mit Breakpoints wie in Tailwindcss v3 z. B.:
Tailwind.config.js
export default {
theme: {
container: {
center: true,
padding: {
DEFAULT: '1rem',
sm: '2rem',
},
screens: {
'2xl': '1400px'
}
},
},
}
< /code>
Aber jetzt hat es sich geändert, dass ich Folgendes versuche: < /p>
@theme {
--breakpoint-default: initial;
--breakpoint-tablet: 40rem;
--breakpoint-laptop: 64rem;
--breakpoint-desktop: 80rem;
}
< /code>
const Header = () => {
return (


Sensei

Contact



);
};
< /code>
Dies funktioniert jedoch nicht, wie es funktioniert hat, und ich weiß nicht, was ich tun soll. Ich hatte erwartet, dass es sich als Container verhalten würde (Put -Mitte, Paddings usw.), aber es funktioniert nicht.>