My navbar is stopping me from continuing with my project

I’ve tried changing the entire div’s, float:left/right, changing it into a CSS grid, i just can’t get this navbar working.

How can i get my logo inside the navbar on the left? Like this:

Thank you so much in advance.

you can create a navbar as follows :
html :

  <div class="navbar">
      <img id="uhi-logo" src="https://i.imgur.com/i43NczQ.png" alt="UHI">
      <div class="fixed-promotion"></div>
      <div class="center-items">
        <a href="#Example1"><i class="kayaks"></i> KAYAKS</a>
        <a href="#Example2"><i class="equipment"></i> EQUIPMENT</a>
        <a href="#Example3"><i class="clothing"></i> CLOTHING</a>
        <a href="#Example4"><i class="clearance"></i> CLEARANCE</a>
      </div>
  </div>

css :

#uhi-logo{
    width:100px;
    height:81px;
    float:left;
}
.center-items {
  background-color: white;
  width: 95%;
  display: flex;
  position:fixed;
  top:35px;
  left:100px;
}
.fixed-promotion {
  width: 95%;
  height: 35px;
  background-color: black;
  position:fixed;
  top: 0;
  left:100px;
}
1 Like