Horizontal aligning of components to each other for every screen size

Hi All,

I’m new here, so will appreciate some help.

In the upper part of my page I have a “navbar” with a “brand” component inside it.
Right below I have “Tabs Manu”.
I would like to align the left margin of my “brand” components to the left border of the text inside my left tab. It’s possible to do using margins or paddings, but when I switch to the Preview mode or to any other screen size, everything shifts and moves …
How do I properly do the above alignment, which will work for every screen size?

Thanks in advance!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)