Header Navbar with flexbox

by Prakash Upadhyay

HTML

<header class="header">
  <img src="http://via.placeholder.com/150x60"/>
  <nav class="navbar">
    <a href="about">About</a>
    <a href="about">Services</a>
    <a href="about">contact</a>
  </nav>
</header>

CSS

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navbar a {
  padding-left: 10px;
  font-size: 20px;
}