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

<section class="sgds-section">
    <div class="sgds-container">
        <h6>Content Here</h6>


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


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

Chat with the team