centrar html con anchos 100%

[Middrel]

Es mejor dejar el body sin un ancho específico y colocar un contenedor con un ancho en porcentaje. Lo comento por que el problema viene cuando son diferentes resoluciones, entonces tendrías que hacer diferentes estilos para cada una.

Con un contenedor en porcentajes te ahorras eso en una sola clase de estilos y listo.

Por ejemplo:

Body a 1000px de ancho y background de x color.

Resolución a 1920 -> Se centra la imagen y ocupa 1000px sobran 460 px de cada lado pero el fondo los cubre.

Resolución a 1440 -> Se centra la imagen y ocupa 1000px sobran 220 px de cada lado pero el fondo los cubre.

Resolución menor a 800 -> A la imagen ya se le cortaron 200px. Hay que hacer un media query para ajustarlos y por cada resolución menor.

Esto sin tomar en cuenta que en todas las resoluciones el sitio se irá viendo distinto.

Con porcentaje todas las resoluciones tienen un 100%. Si lo ajustas a un 80% por ejemplo, siempre habrá un 80%.

Saludos!