In answer to your question, in order to place the footer at the end of the page you could have used: footer { position: absolute; bottom: 0; text-align: center; }
-
position: absolute; bottom: 0;: These properties place the element in an absolute position with respect to the nearest container that has a position other than static (which is the default value). By using bottom: 0;, the footer is positioned at the end of this container, which in this case is the body or some other parent container.
-
justify-self: flex-end;, flex-grow: 1; o margin-top: auto;: These properties are part of Flexbox and are used to align and distribute elements within a flex container (display: flex;). However, these properties do not affect the absolute position of an element like position: absolute; bottom: 0;.
@rbhgaston
Posted
@AlexSG29 Thank you. Very insightful.