Solucionado
Inicialmente durante el curso, se menciono que era importante agregarle al body el height: 100vh; por temas de diseño y responsive del sitio. Pero ahora, se menciona que se debe eliminar por temas de diseño y adaptabilidad del sitio. Visualmente, al quitarlo o dejarlo en la página no observo ningún cambio.
¿Me podrían explicar por qué antes era necesario dejar el height: 100vh; y ahora dicen que es indispensable quitarlo?
¡Hola Estudiante, espero que estés bien!
Entiendo tu confusión sobre el uso de height: 100vh en el body. Al principio del curso, se recomendó usar height: 100vh para asegurarse de que el cuerpo del sitio web ocupara toda la altura de la ventana del navegador, lo cual puede ser útil para ciertos diseños, especialmente aquellos que necesitan una presentación visual específica o una página de bienvenida que llene toda la pantalla.
Sin embargo, a medida que el sitio web evoluciona y se agregan más elementos, como un pie de página, el uso de height: 100vh puede causar problemas. Esto se debe a que 100vh representa el 100% de la altura de la ventana del navegador, lo que puede hacer que el contenido adicional, como el pie de página, no se muestre correctamente o quede fuera de la vista, especialmente en pantallas más pequeñas o cuando se cambia el tamaño de la ventana.
Al eliminar height: 100vh, permites que el contenido del body se expanda naturalmente según sea necesario, adaptándose mejor a diferentes tamaños de pantalla y asegurando que todos los elementos, como el pie de página, sean visibles sin problemas. Esto mejora la adaptabilidad y la experiencia del usuario en tu sitio web.
Espero que esta explicación te ayude a entender por qué se hizo este cambio en el enfoque del diseño. ¡Espero haber ayudado y buenos estudios!