1. Design System
  2. Layout
  3. Section

Section

A simple container to divide your page into sections.

Use sections as direct children of body.

<body>
    <section class="section">
        <div class="container">
            <h2>Section</h2>
            <p>A simple container to divide your page into <strong>sections</strong>,</p>
        </div>
    </section>
</body>

Add a container inside a section to centre full-width content.

Accessibility

N/A