Introduction
In version 2 of our design system, Container was a specialized component that rendered a div with the .container class. Its primary purpose was to fix the width at the current breakpoint, providing a predictable containing block.
Why It’s Discontinued
With our adoption of Tailwind CSS in version 3, the Container component became unnecessary. Tailwind provides a built-in .container utility class that achieves the same effect without requiring an extra component. If you need to center this container horizontally, simply apply .mx-auto (or .my-auto for vertical centering). This direct utility-based approach is both simpler and more flexible, removing the need for a dedicated Container component.