Skip to content

Instantly share code, notes, and snippets.

@danirod
Last active May 24, 2022 15:57
Show Gist options
  • Save danirod/7052270b88e7ec55421748410012feaa to your computer and use it in GitHub Desktop.
Save danirod/7052270b88e7ec55421748410012feaa to your computer and use it in GitHub Desktop.
Como posicionar el footer al fondo -- gracias a twitch.tv/manuelv3g4 por la ayuda
/* Primero declaras tu página como flex y le das una altura mínima */
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
/* En tu elemento principal pones esto para expandirlo si fuese necesario.
Con esto si la pagina no es lo suficientemente alta, al menos se expande
verticalmente para rellenar el hueco que queda. */
.main {
flex: 1;
}
/* Asegúrate de que esto es la clase de tu footer. */
.footer {
/* Esto es para que se ponga al final del div. */
align-self: end;
/* Si de repente se desalinea horizontalmente el footer, ponle esto */
/* width: 100%; */
}
@manuelvegadev
Copy link

Nice!

@mauriballes
Copy link

Estrellita correspondiente

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment