Sections

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

Simply add .hx-section to divide your page into sections.


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

Modifiers

You can use the modifiers .is-comfortable (max-width: 1280px), .is-medium and .is-large to change the spacing.