So the goal is to make a responsive coming soon page with a full screen image (mmedia queries will serve different screen sizes with different versions of the same image). sounds easy enough, but somehow I've made a black band at the top of my page (on mobile devices) that I can't seem to get rid of . . .
It may be related to a another problem that I don't really care too much about but even though there is very little content on the page, I can scroll down and there's a blank space at the bottom (on desktops) when I do...

something's wrong somewhere but I can't figure it out.

Any ideas?

http://texxsmith.net/soon/test2.html

I must have been sleepy when I made this mistake... I didn't include :

background-size:cover;

in my media queries that included the background images.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.