Sections have padding and a white background. Use them as direct children of your page
body. You can have as many
section elements on your page as you like.
<main class="section"> <div class="container"> ... </div> </main> <footer class="section is-transparent"> ... </footer>
Sections are available in multiple colours. Just add a colour modifier like
Note that if you add a colour modifier to a
section then all content and title colours will adjust accordingly, so for example text on an
section will be inverted to light (or white).
You can include a
container in your
section if you want to contain and centre your content horizontally. A
container is 1200 pixels wide by default.