make footer stick to bottom without overlap over other elements
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
#footer {
background-color: #efefef;
flex: 0 0 50px;/*or just height:50px;*/
margin-top: auto;
}
Also in CSS:
- multiple transition in css
- css color gradient background full height
- css transition on hover
- css disable button
- css round outline
- vertical align h1 inside div
- css top bottom left right order
- font roboto css
- css all caps
- hegith specific css in media query
- css multiple classes
- css remove list indent
- how to push text to the right css
- stop padding from changing div size
- how to underline font in css
- make footer stick to bottom without overlap over other elements
- how to link fonts css
- css grid center elements inside div
- Can you change the color of a placeholder
- css background image opacity
- rem vs em
- css select all elements except last css
- css font color
- how to center text in css