/** * This file contains the styles required to make the footer sticky. */ html, body { height: 100%; } #page-wrapper { height: 100%; display: flex; flex-direction: column; #page { flex: 1 0 auto; display: flex; flex-direction: column; #page-content { flex: 1 0 auto; } } #page-footer { flex-shrink: 0; } }