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 desktop.png 232.07 KB
9 Months
Discussion Span
Last Post by Jon_7

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

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.