Having an issue with the following: I hope you can help me identify my problem here and I'm not sure why it's occurring. https://i.sstatic.net/C7VzU.png I believe the problem lies in the header and nav sections I initially thought it might be related to the images, but I'm certain it's not due to the logo sizes being 24px each. Apologies if my English is poor.
<header>
<nav>
<div class="container-fluid">
<div class="row">
<div class="col-2">
<div class="logo">
<a href="https://www.samsung.com/us/" target="_blank">
<img
src="../src/assets/img/gnb-desktop-120x32.png"
alt="Samsung"
/>
</a>
</div>
</div>
<div class="col-9">
<div class="navlist">
<ul class="inner">
<li>
<button><span>Shop</span></button>
</li>
<li>
<button><span>Mobile</span></button>
</li>
<li>
<button><span>TV & Audio</span></button>
</li>
<li>
<button><span>Appliances</span></button>
</li>
<li>
<button><span>Computing</span></button>
</li>
<li>
<button><span>Displays</span></button>
</li>
<li>
<button><span>Accessories</span></button>
</li>
<li>
<button><span>SmartThings</span></button>
</li>
</ul>
<ul class="inner">
<li>
<button><span>Explore</span></button>
</li>
<li>
<button><span>Support</span></button>
</li>
<li>
<button><span>For Business</span></button>
</li>
</ul>
</div>
</div>
<div class="col-1">
<ul class="tools">
<li>
<button>
<span>
(search icon)
</span>
</button>
</li>
<li>
<button>
<span>
(shopping icon)
</span>
</button>
</li>
<li>
<button>
<span>
(user icon)
</span>
</button>
</li>
<li class="d-none">
<button>
<span>
(bars icon)
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</nav>
</header>