{%- extends "theming/base_component.html" -%}

{%- block overview -%}

    <p>
        The <code>container</code> component provides the main structural container for page
        content, establishing the primary layout boundaries and responsive
        behavior. This component typically handles the maximum width, centering, and
        padding for main content areas, ensuring consistent spacing and alignment
        throughout the application.
    </p>

{%- endblock %}