Aligning header

Hello everyone,

I am trying to align my header image and social media buttons I created, and they seem to shift everytime I click on preview, and completely go out of wack when I go into mobile view.

What am I missing on this? Have i set up my children wrong?

https://preview.webflow.com/preview/innersow?utm_medium=preview_link&utm_source=designer&utm_content=innersow&preview=d92f2e8eb2058eb78b3757868e7cdf9d&mode=preview

When fixing alignment issues a good knowledge of margin and padding is useful.

If things don’t seem to align correctly the way you expect check the margin and padding settings for all the elements in your hierarchy. Setting margin left and right to auto can help position elements in the center horizontally.

Also, there are a few useful features in Webflow that help when working with layouts at different breakpoints. For example, horizontal and vertical stacking is controlled here for columns.

Hope this helps.