html {
  height: 100%;   /* ← helps some older mobile browsers */
}

body {
  min-height: 100vh;         /* ← key: at least full viewport height */
  display: flex;
  flex-direction: column;    /* stack children vertically */
}

main {
  flex: 1 0 auto;            /* ← THIS is the magic line */
}