Section

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

Sizes

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

Example Tiny

Tiny section

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

HTML 

<section class="section is-tiny">
                                <h1 class="title">Tiny section</h1>
                                <h2 class="subtitle">
                                    A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading.
                                </h2>
                                </section>

Example Medium

Medium section

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

HTML 

<section class="section is-medium">
                                <h1 class="title">Medium section</h1>
                                <h2 class="subtitle">
                                    A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading.
                                </h2>
                                </section>

Example Large

Large section

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

HTML 

<section class="section is-large">
                                <h1 class="title">Large section</h1>
                                <h2 class="subtitle">
                                    A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading.
                                </h2>
                                </section>

Example Jumbo

Jumbo section

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

HTML 

<section class="section is-jumbo">
                                <h1 class="title">Jumbo section</h1>
                                <h2 class="subtitle">
                                    A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading.
                                </h2>
                                </section>