Left alignment using Flexbox

muditk · April 27, 2020, 8:29pm

I want to left align the jumbo heading, ‘Hey there…’ with the logo on the top left. I tried using left justify in flexbox on the container and the section but the section doesn’t seem to be moving. Any idea how to fix this?

https://preview.webflow.com/preview/mudits-folio?utm_medium=preview_link&utm_source=designer&utm_content=mudits-folio&preview=8e8cb1f5968b19de09b8dd6c7209482a&mode=preview

Andre_Pascal_Fuentes · April 28, 2020, 12:01am

Hi @muditk!

The problem your are dealing is not with the flexbox, but the ‘container’ element. It have some standard margin, so you have to remove your div or the text from the ‘container’ to make the alignment.

Hope it helps you!

muditk · April 28, 2020, 12:18am

Thanks that worked! For some reason, this changes the layout on my page Project 1. The content there isn’t properly center/left aligned anymore. Do you know why that is?

Andre_Pascal_Fuentes · April 28, 2020, 10:06am

You have the same class ‘element’ in the two pages. When set in one, it will make change in all elements that have that class.

The problem is that you set it to 500px of margin left.