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