Structure

Page Structure¶

Centered Content¶

This content is centered using a div with text-center class.

Multiple Columns¶

Left Column¶

Content in the left column with its own heading and structure.

Point 1
Point 2

Right Column¶

Content in the right column with separate structure.

Point A
Point B

Margins and Sidebars¶

Margins¶

Margins and sidebars display content alongside the main text (inline on smaller screens).

Here’s some placeholder text that prevents the following sidebar from overlapping too much. See the section below for documentation of this bug!

Sidebars¶

Main content continues here with the sidebar displayed alongside (or above/below on mobile).

Known issue: overlapping content¶

If multiple margin or sidebar blocks appear close together without enough main content between them, they may overlap visually. This is a known bug. Here’s an example:

To the right you should see the two margin notes above overlapping one another.

To avoid this, group related margin content into a single block or ensure there is enough main content between margin blocks.

Sidebars can contain nested content including headings, code blocks, and other directives:

Main content flows alongside this complex sidebar.