place footer at the bottom of the page react
position:absolute;
left:0;
bottom:0;
right:0;
place footer at the bottom of the page react
position:absolute;
left:0;
bottom:0;
right:0;
place footer at the bottom of the page react
height: calc(100% - 60px);
how to set footer to bottom of page in react js
In this way you can easily set footer to bottom no matter how much content is present in body
apply this line of css code to parent element:
#app{
display: flex;
flex-direction: column;
height: 100vh;
}
and apply this line of single code to your footer which must be direct child of parent element
.footer{
margin-top: auto;
}
place footer at the bottom of the page react
padding-bottom:60px;
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us