On my page (http://www.50allstars.com/2017/10/test.html) I'm attempting to align some divs, but the middle div shifts downward whenever I view it on mobile. I've tried adjusting widths, maybe it has something to do with the device-width property, but I really have no clue. Any help would be great. I've included screenshots of both desktop and mobile, and you can view the source code on the page. THANKS!

PS This is my absolute first time experimenting with doing any sort of layout that didn't include a TABLE. I was told by folks on this site that I needed to update my knowledge to this century, so I'm giving it a go. It's very difficult, but I've come so far in just one day. So be easy on me please :-)

ATTACHMENTS:

I figured it out eventually. Adding vertical-align:top to one of the containers worked like a charm.

Be a part of the DaniWeb community

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