--- title: Section layout: documentation doc-tab: layout doc-subtab: section variables: - name: $section-padding value: 3rem 1.5rem - name: $section-padding-medium value: 9rem 1.5rem - name: $section-padding-large value: 18rem 1.5rem --- {% include subnav-layout.html %}

Section

A simple container to divide your page into sections, like the one you're currently reading

Use sections as direct children of body.

{% highlight html %}

Section

A simple container to divide your page into sections, like the one you're currently reading

{% endhighlight %}

You can use the modifiers is-medium and is-large to change the spacing.

{% include variables.html layout=true %}