Elements not aligning left in a container (flex)?

Under the “Hero” section, “Container 2” is set to flex and left-alignment of the contents. However, the contents (“Hero Wrapper 2”) aren’t left-aligning – they’re center-aligned.

Not sure what I’m doing wrong here…I just want the headline, subheadline, button, and embed element to be aligned left.


Here is my site Read-Only: Webflow - Brennan Clean

Hi @stjoad,

If you remove the ‘Auto’ Margin you have on the element ‘Hero Wrapper Two’, that will allow that element to respect the Flex properties you apply to its parent (‘Container 2’).

To affect the specific alignment of the heading, text and button, you will need to apply it directly to each element.

Hope that helps,

Thanks @knk! That worked perfectly.

1 Like