Last active
May 24, 2022 15:57
-
-
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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 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%; */ | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Nice!