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


Content Here

Use sections as direct children of body

<body>
    <section class="sgds-section">
        <div class="sgds-container">
            <h6>Content Here</h6>
        </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.

Chat with the team