Styling my page

<header id="header">
<img src="https://ichef.bbci.co.uk/news/320/cpsprodpb/DFB6/production/_103407275_gettyimages-1027412410.jpg" id="header-img">
<h1>Huawei Phones</h1>
<div>
<nav id="nav-bar">
<li><a href="#Features" class="nav-link">Features</a></li>
<li><a href="#How-It-Works" class="nav-link">How It Works</a></li>
<li><a href="#Pricing" class="nav-link">Pricing</a></li>
</nav>
</div>
</header>

I want to style the h1 header to be on the left and the navbar on the right.

Cool…sounds like Product Landing page. That will look good. Let us see what you’ve got so far. You just included your HTML here. Let’s see the CSS. Give a link to your codepen.