Para que se vea en todos los dispositivos asi como tus imagenes debes modificar el css.
Código CSS:
Ver originalhtml, body{
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0 auto;
}
div{
width: 100%;
}
La etiqueta inicial de "html y body" lo que hace es tomar el 100% de la pantalla que se esta utilizando.
La de "div" permite que las capas que coloques ocupen todo el ancho de la pantalla, solo te faltaria configurar el "height" para que tenga una buena visualización.
Es recomendable que utilices dos archivos css uno para pantallas normales y otra para moviles. (es solo un consejo).
Saludos.