si la caja al ponerle width de 980px al usar el navegador se desproporciona si el navegador solo esta a la mitad de tamaño o si no usamos la pantalla completa yo le puse con 80% para que así no cambie la forma de nuestro encabezado estaré en lo correcto o incorrecto de usar esa forma
¡Hola Erick!
En este caso, utilizar un ancho del 80% en lugar de 980px puede ser una buena opción si deseas que la caja se ajuste al tamaño del navegador, independientemente de si está a la mitad de tamaño o no se utiliza en pantalla completa. Al utilizar un porcentaje, la caja se adaptará automáticamente al tamaño del contenedor padre.
Sin embargo, es importante tener en cuenta que el ancho del 80% puede variar dependiendo del tamaño de la pantalla del usuario. Si quieres asegurarte de que la caja tenga un ancho específico en todas las pantallas, puedes utilizar media queries en tu CSS para establecer diferentes anchos en función del tamaño de la pantalla.
Por ejemplo, podrías tener algo así en tu CSS:
.caja {
width: 980px;
}
@media screen and (max-width: 768px) {
.caja {
width: 100%;
}
}
En este ejemplo, la caja tendrá un ancho de 980px en pantallas más grandes y se ajustará al 100% del ancho en pantallas más pequeñas (768px o menos).
¡Saludos!
muchas gracias me parece mejor opción