Estaba siguiendo la instruccion del profesor y no me daba tal cual lo tenia el en su pantalla.
header{ background-color: #BBBBBB; display: flex; justify-content: space-around; align-items: center; padding: 20px 0; }
Estaba siguiendo la instruccion del profesor y no me daba tal cual lo tenia el en su pantalla.
header{ background-color: #BBBBBB; display: flex; justify-content: space-around; align-items: center; padding: 20px 0; }
¡Hola Wilfer!
La solución propuesta por el profesor es utilizar las propiedades display: flex; y justify-content: space-around; en el selector header de tu CSS. Estas propiedades permiten que los elementos dentro del encabezado se distribuyan de manera equitativa a lo largo del eje principal y creen un espacio uniforme entre ellos.
Aquí tienes el código que deberías utilizar:
header {
background-color: #BBBBBB;
display: flex;
justify-content: space-around;
align-items: center;
padding: 20px 0;
}
Asegúrate de que este código esté en tu archivo CSS y de que el selector header coincida con la etiqueta HTML que estás utilizando para el encabezado de tu página.
Recuerda que el código CSS puede verse afectado por otros estilos en tu página, por lo que es posible que necesites ajustar o anular algunas propiedades para obtener el resultado deseado.
¡Saludos!