I am having some issues with a header bar.
I currently have my logo and logo text to the left and my navigation to the right.
I am using
align-items: flex-end and
margin-left: auto which is aligning my navigation to the right, but when I scale down my page, to the first breakpoint using Bootstrap, it is adding some spacing to the left of the navigation.
Can anyone tell me how I can stop the space from being added?
I am basically would like the logo and logo text to the left and the navigation aligned to the right.
I have a fiddle here:
Any help would be great. Thanks!