Avatar of APD Toronto
APD Toronto
Flag for Canada asked on

Flex Messes With Horizontal Positioning

Hello Experts,

If you open http://aces-project.com/2017/website-add-ons.php on a narrower browser window, like 430px (mobile view), you will see that the texts right of the images is misaligned vertically. This happened as soon as I added position: flex; on line 9 of pages-mobile.css

The reason why I am adding flex is in order to vertically center the .imgAddon with .divAddonInfo. However, you will see that I am specify a width of 150px to .imgAddon, which should keep everything aligned.

Any help will be greatly appreciated.
CSS* CSS flex* Flex CSS

Avatar of undefined
Last Comment
APD Toronto

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
James Rodgers

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
APD Toronto

ASKER
Thank you
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy