100% height layout

[jlukic]

It looks like the site wasnt built with sticky footers, so on short pages, the content doesn't fill the entire screen correctly.

For example here

A simple solution would be

.applicationLayout > .content {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.applicationLayout > .content > .page {
  flex: 1;
}

You can see this technique used here

[dandv]

:+1: for using the flex layout!

[domyen]

Thanks for the detailed suggestion @jlukic! The flexbox solution unfortunately doesn't play nice with our markup pattern which uses absolute positioning. We'll probably revisit this in the future so I'll leave it open, I don't think this can work unless we refactor our layout. :(