Vertical Center

Base Foundry stack

Center your content vertically within the stack, using fixed heights, which can bet set to different heights for each breakpoint.

  • Vertically center your content within container
  • Set height of container at each breakpoint

Example

Header

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.

Erat lorem lectus sem ut lobortis, adipiscing ligula ipsum sit eleifend met vitae.

Header

Lorem ipsum dolor sit amet, sapien platea morbi nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis.

Using Vertical Center

Height

Mobile, Tablet & Desktop
Choose the height of the container for each of the 3 breakpoints. The content will be centered, vertically within the stack automatically.