how to set footer to bottom of page in react js

1position:absolute;
2left:0;
3bottom:0;
4right:0;
5

1height: calc(100% - 60px);
2

1In this way you can easily set footer to bottom no matter how much content is present in body 
2
3
4apply this line of css code to parent element:
5#app{
6  display: flex;
7  flex-direction: column;
8  height: 100vh;
9}
10
11
12and apply this line of single code to your footer which must be direct child of parent element 
13.footer{
14  margin-top: auto;
15}

1padding-bottom:60px;
2