Footer grid options: Brand placement, layout, order & spacing

Description

These footer grid options, are primarily trageted inserting more than one type of content in a column and/or placing the logo on the right side of the footer.

Footer grid options

  • Flex order mobile: Class used to change order of columns on mobile. Use case is mostly in combination with column align right.
  • Column alignment:
    • Default (left)
    • Center
    • Right
  • Margin-bottom
    • Content column (mb--medium)
    • Content (mb--xsmall)

Logo in column

Logo & sub logo in column

Logo in seperate row

Logo & sub logo in seperate row

Align logo content right & flex order mobile

Logo in seperate row - Align logo content right

Align logo & address content right & flex order mobile

Global styles

Component styles