Establecimos la propiedad height: 100vh en el body para que ocupe toda la altura de la pantalla. Explicamos el concepto de box-sizing y cómo afecta al tamaño de los elementos. Vimos que por defecto, el tamaño de un elemento incluye el width/height, padding y border. Esto puede hacer que los elementos hijos se salgan de su elemento padre. Para evitar esto, usamos la propiedad box-sizing: border-box, que hace que el tamaño del elemento incluya el padding y border dentro del width/height definido. Esto ayuda a mantener los elementos hijos dentro de su elemento padre. Aprendimos que en el próximo video veremos cómo posicionar los elementos en la pantalla.
