Brand logo pushing nav links off center

Hey folks,

I’m hoping someone can point me in the right direction! I’ve made a navbar consisting of; a brand logo, a div containing nav links, and a button, which all align nicely (thanks flexbox) until I add my logo .svg, this then pushes all of links off-center, only slightly, but enough to be really frustrating!

Anyone know where I’m going wrong on this?

Thanks in advance!


Here is my site Read-Only: LINK

@_Mason yeah, thanks to flexbox, but try to use Grid… You will be surprised at his power😁