Skip to content
Amplify from Studio 24
  • Get started
  • Fundamentals
  • Layout helpers
  • Core components
  • Advanced components
  • Design handover & standards
  • Avatars
  • Breadcrumbs
  • Cards
  • Image component
  • Main
  • Notes
  • Pagination
  • Progress indicator
  • Quote component
  • Shelves
  • Simple search form
  • Sticky footer
  • Tag list
  • Text component
  • Video component

Sticky footer

Amplify includes styles for a sticky footer, which you can see in action on this website wherever the page content is not long enough to push the footer beyond the bottom of the browser window.

There are many ways to achieve a sticky footer, but the approach favoured in Amplify is to use CSS grid layout.

© Studio 24