¡Hola Kevin!
Gracias por compartir tu pregunta con nosotros. En cuanto a tu problema con el footer, parece que está siendo empujado hacia arriba por el contenido de la página. Una solución posible sería utilizar la propiedad position: fixed en el footer, lo que lo mantendría siempre en la parte inferior de la pantalla independientemente del contenido de la página.
Aquí te muestro un ejemplo de cómo podrías aplicar esta solución:
footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}En este ejemplo, bottom: 0 asegura que el footer esté siempre en la parte inferior de la pantalla, mientras que left: 0 y width: 100% aseguran que el footer ocupe todo el ancho de la pantalla. También he agregado algunos estilos adicionales para darle un aspecto más atractivo al footer.
Espero que esta solución te sea útil. ¡No dudes en hacernos saber si tienes alguna otra pregunta! ¡Espero haber ayudado y buenos estudios!