Hoy hemos descubierto dos herramientas poderosas para crear diseños web más precisos y eficientes: height: 100vh y box-sizing.
height: 100vh: Esta propiedad nos permite que un elemento ocupe toda la altura de la ventana del navegador, sin importar el tamaño de la pantalla. box-sizing: Con esta propiedad controlamos cómo se calcula el tamaño total de un elemento, incluyendo el padding y el border. Al establecer box-sizing: border-box, simplificamos nuestros cálculos y evitamos sorpresas desagradables en nuestros diseños.¿Por qué es importante esto? Al comprender y aplicar estas propiedades, puedes crear diseños más responsivos y flexibles, asegurando que tu sitio web se vea genial en cualquier dispositivo.
¡Ahora es tu turno de practicar! ¿Te gustaría que te proponga algunos ejercicios para que pongas en práctica lo aprendido?
#CSS #diseñoWeb #desarrolloWeb #webdesign #codigodesdecero #aprendizajeCSS #height100vh #boxsizing #responsivedesign
