¡Aprende este truco de CSS para tu página web! ¿Quieres que tu footer se quede siempre al final de
¡Aprende este truco de CSS para tu página web!
¿Quieres que tu footer se quede siempre al final de la página, incluso cuando hay poco contenido?
¡Es fácil con CSS Grid! ¿Cómo funciona?
min-height: 100dvh asegura que el contenedor ocupe al menos el 100% de la altura de la ventana, incluso si no hay suficiente contenido.
grid-template-rows: auto 1fr auto define tres filas:
- La primera fila (auto) se adapta al tamaño del encabezado.
- La segunda fila (1fr) ocupa el espacio restante entre el header y el footer.
- La tercera fila (auto) es para el footer, que siempre se queda al final.
Este truco es ideal para páginas con poco contenido o contenido dinámico.
Si te gustan estos tutoriales, ¡deja tu ❤️ para apoyarme!
#css #css3 #uxui #html5 #programadores
Видео ¡Aprende este truco de CSS para tu página web! ¿Quieres que tu footer se quede siempre al final de канала midudev
¿Quieres que tu footer se quede siempre al final de la página, incluso cuando hay poco contenido?
¡Es fácil con CSS Grid! ¿Cómo funciona?
min-height: 100dvh asegura que el contenedor ocupe al menos el 100% de la altura de la ventana, incluso si no hay suficiente contenido.
grid-template-rows: auto 1fr auto define tres filas:
- La primera fila (auto) se adapta al tamaño del encabezado.
- La segunda fila (1fr) ocupa el espacio restante entre el header y el footer.
- La tercera fila (auto) es para el footer, que siempre se queda al final.
Este truco es ideal para páginas con poco contenido o contenido dinámico.
Si te gustan estos tutoriales, ¡deja tu ❤️ para apoyarme!
#css #css3 #uxui #html5 #programadores
Видео ¡Aprende este truco de CSS para tu página web! ¿Quieres que tu footer se quede siempre al final de канала midudev
Комментарии отсутствуют
Информация о видео
18 мая 2025 г. 23:48:43
00:00:23
Другие видео канала