Split layout

Also known as

CSS Flexbox, Responsive Layout

SplitLayout displays items in two separate areas at opposite ends of a container. You can define the container in a vertical or horizontal orientation.

Density
Mode

Split layouts display items horizontally at either end of the container by default.

Its items align centrally in the layout, with a gap between items of 3, which is a multiple of the Salt base unit. The items drive the height and width of the overall layout.