Flexbox not aligning consistently

On this page, the fifth item is completely out of line: http://ashleys-first-project-825c72.webflow.io/corporate

It’s working as expected/desired on other pages (notably Senior Living and Hospitality) - and they’re all using the same class.

What am I missing?

Thank you!!


Here is my site Read-Only: https://preview.webflow.com/preview/ashleys-first-project-825c72?utm_source=ashleys-first-project-825c72&preview=85c879d117521a01b82175538c4adec5

That’s because you are applying this incorrectly. Remove it

Screenshot_2018-10-31_111004

Then what you’re looking for is flex-start with margin-right, not space-between.

Thank you. I removed the override order, but I don’t understand what you mean by “flex-start with margin-right”. Which one would that be? I thought I had tried every possible combination and they all leave me with weird alignments, so it’s even worse now than it was before I turned on override order.

Screenshot_2018-11-01_111158

Thanks for clarifying. However, “justify left” means that everything crams up against the left edge/each other, leaving a big gap on the right, which is not what I want. I was also unable to even get the designer to accept a margin of “.5vw.”

I have, of course, previously tried justify left with a right margin, but I am unable to get that to fill the screen the way I want, much less be responsive and wrap properly.

I guess I don’t understand the point of an alignment which shows the children aligning to left and right with even spaces between, if that’s not what it’s going to do. But that’s what I want to achieve.

Thanks again.

Hey, so this still hasn’t been solved and I’m pulling my hair out. Can someone PLEASE help?

Thank you!!