Stack

Layout elements vertically and add space between them.

The container spans the whole line (because its width is still auto). It uses a vertical flex under the hood. Items default to spread horizontally within it.

Differences with a stock vertical flex:

  • It adds a gap (16px by default).

Other settings to override CSS default values:

  • justify: elements sit at the top by default (flex-start)
  • align: elements fill the stack horizontally by default (stretch)
earlymorning logo

© Antoine Weber 2026 - All rights reserved

Stack

Layout elements vertically and add space between them.

The container spans the whole line (because its width is still auto). It uses a vertical flex under the hood. Items default to spread horizontally within it.

Differences with a stock vertical flex:

  • It adds a gap (16px by default).

Other settings to override CSS default values:

  • justify: elements sit at the top by default (flex-start)
  • align: elements fill the stack horizontally by default (stretch)