Footer To Bottom

Метод с использованием Flexbox

 

From <https://habr.com/ru/post/511612/>

body {

  min-height: 100vh;

  display: flex;

  flex-direction: column;

}

 

footer {

  margin-top: auto;

}

 

/* Опционально */

main {

  margin: 0 auto;

  /* или: align-self: center */

  max-width: 80ch;

}

 

 

Метод с использованием Grid

 

From <https://habr.com/ru/post/511612/>

 

body {

  min-height: 100vh;

  display: grid;

  grid-template-rows: auto 1fr auto;

}

 

/*Опционально*/

main {

  margin: 0 auto;

  max-width: 80ch;

}

 

 

Ways-style-react_