[SOLUCIONADO] ¿Grid CSS de 12 columnas e imagen de fondo full-width responsive?

[GekoDH]

Hola a todos, aprovecho para presentarme ya que me acabo de registrar. Estoy aprendiendo a diseñar webs desde cero, y de momento ando a vueltas con HTML y CSS.

He descubierto el sistema de columnas este tan majo y me gusta mucho, pero por el momento le encuentro dos problemas:

1- Normalmente se establece un ancho máximo de 1200px, ¿esto por qué? En mi pantalla a 1920x1080 se ve bastante estrecho el contenido.

2- Estoy haciendo una web para un fotógrafo (un familiar) para aprender y me he topado con que el problema de arriba me lleva a otro, quiero una foto que ocupe todo el ancho de la pantalla en la portada, con un menú horizontal encima y debajo de la foto 2 o 3 párrafos y el footer, sin más. El caso es que con el grid 1200px si meto la imágen como fondo de un div que ocupe las 12 columnas pues obviamente no me ocupa todo el ancho de la pantalla, y no tengo muy claro cual es la mejor solución.

Un saludo y muchas gracias, espero aprender mucho por aquí y con el tiempo igual poder ayudar a alguien

[pzin]

Pon la imagen de fondo en body.

Yo jamás he diseñado con un ancho máximo. Cuestión de gustos.

[GekoDH]

Ok gracias, ¿y con la imagen como fondo del body podré hacerla responsive sin problemas y colocarla de forma que el resto de elementos no interfieran con ella (quedándole por encima)?

Soy bastante novato y me resulta más fácil colocar las cosas si cada una está dentro de un div

Saludos.

EDIT: Me gustaría que quedase del estilo de esto http://www.sridharkatakam.com/wp-content/uploads/2014/04/horizontal-opt-in-dynamik.jpg

[pzin]

Los elementos no pueden interferir con la imagen de fondo de body.

[GekoDH]

Muchas gracias, se nota que todavía estoy aprendiendo jajaja.

Un saludo.