Skip to content

Positioning

The Positioning subsection aligns child elements inside a container. It applies to blocks that contain other elements (Shape, sections, carousel, button…) and decides where their children sit vertically when the container is taller than its content.

Vertical alignment of the content

Three options:

  • Top — aligns the content at the top of the container (default value).
  • Middle — aligns the content vertically in the middle.
  • Bottom — aligns the content at the bottom.

It's notably useful for vertically centering a heading in a tall section, or anchoring an icon row at the bottom of a card.

Reset

The Reset settings button clears the custom alignment to revert to the default behavior (top alignment).

Documentation crafted with ❤️ by our in-house team.