JSFiddle - React, Tailwind, and code Playground

HTML

<header>
  
<nav id="header_nav">
<a href="/" class="nav_link">Home</a>
<a href="#" class="nav_link" target="_blank">Contact</a>
<a href="#"><img src="https://i2.wp.com/angelflightsclub.com/home/wp-content/uploads/2017/08/cropped-logo.png?fit=55%2C55&ssl=1" alt="admaers.com" class="logo_mini" id="logo_mini"></a>
<a href="#" class="nav_link" target="_blank">Team</a>
<a href="#" class="nav_link" target="_blank">Projects</a>
</nav>


</header>

CSS

header{
  background-color: #fff;
  height: 502px;
  margin-top: -54px;
  display: flex;
  justify-content: center;
  align-items: center;
}
header a{
  color: #000;
  padding-left: 50px;
  display: inline-block;
}
nav a{
  margin: 0 0 0 15px;
  display: inline-block;
}
.nav_link{

}