A continuación, se detalla dónde se aplican las propiedades requeridas en css:
El box-sizing se aplica en todo el proyecto para asegurar que el padding y el borde de los elementos no afecten su tamaño total.
Línea: 6. Agregar la propiedad box-sizing con el valor border-box para que el tamaño de los elementos incluya el padding y el borde.
El outline se utiliza en los botones para mejorar la accesibilidad y la experiencia del usuario al interactuar con estos elementos.
Línea: 166. Aplicar outline para indicar que el botón esta seleccionado.
El posicionamiento se utiliza en varias partes del proyecto para colocar elementos en lugares específicos de la página.
Línea: 41. Aplicando position sticky para que el header se mantenga fijo en la parte superior de la pantalla.
La propiedad overflow se utiliza en las áreas de contenido para manejar el desbordamiento de contenido.
Línea: 130. Aplicar overflow auto para que el contenido se desborde en caso de que el contenido sea mayor al tamaño del contenedor.
La opacity se utiliza en el footer para darles un aspecto semi-transparente.
Línea: 225.
Los valores de align-content se utilizan en los contenedores flex para alinear su contenido a lo largo del eje transversal.
Línea: 229. Aplicar align center para centrar verticalmente los elementos del footer.
Los valores de align-items se utilizan en los contenedores flex para alinear sus elementos a lo largo del eje transversal.
Línea: 38. Aplicar align-items para centrar verticalmente los elementos del header.
La propiedad flex-shrink se utiliza en los elementos flexibles para determinar cómo deben encogerse los elementos cuando el espacio es insuficiente.
Línea: 122. Aplicar flex shrink para que el título no se reduzca en tamaño.
La propiedad flex-basis se utiliza en los elementos flexibles para determinar el tamaño inicial de los elementos antes de la distribución del espacio restante.
Línea: 105. Aplicar flex basis para que el título h1 tenga un ancho base.