Section

Section is the main building block for all layouts. It can be used as direct children of body
section

Usage

Use sections as direct children of body

<body>
    <section class="sgds-section">
        <div class="sgds-container">
            <h1>Section</h1>
        </div>
    </section>
</body>

Style

Modifier Description
is-small padding: 1.5rem 1.5rem
is-medium padding: 9rem 1.5rem
is-large padding: 18rem 1.5rem

Feedback

Having troubles with the guide? Please give us more details and we'll get back to you soon.

Tell us more