showcar-ui/src/05-layout/docs/content-container.md

Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.

<h2>Content container<span class="status review">Needs review</span></h2>

The content container is a responsive element containing the entire content section. It takes care of the proper positioning of the content. NOTICE: Only use `sc-content-container` class on your page once!

<table class="docs-table">
    <thead>
    <tr>
        <th>viewport</th>
        <th>container width</th>
        <th>container alignment</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>&lt; 1100px</td>
        <td>100%</td>
        <td></td>
    </tr>
    <tr>
        <td>&gt;= 1100px, &lt;1440px</td>
        <td>1100px</td>
        <td>center</td>
    </tr>
    <tr>
        <td>&gt;= 1440px</td>
        <td>1100px</td>
        <td>center</td>
    </tr>
    </tbody>
</table>