Change layouts for different device widths

Also add a character guide