Выравнивание логотипа

[deniscikasov@gmail.com]

Подскажите как выровнять логотип
Я поместил logo в div с ссылками и выровнял с помощью position:relative. Может есть другой способ

<div class="navbar">
    <a href="#" class="logo">Logo-head</a>
    <div class="navbar-head-wrapper">
      <a href="#">Главная</a>
      <a href="#">Главная</a>
      <a href="#">Главная</a>
      <a href="#">Главная</a>
      <a href="#">Главная</a>
    </div>
  </div>

.navbar {
   justify-content: center;
   display: flex;

   .navbar-head-wrapper {
      height: inherit;
      display: flex;

      a {
         display: inline-block;
         text-decoration: none;
         padding: 15px;
      }
   }
.logo {
   
}
}

Скриншот - https://skr.sh/sKjR62zuv3g?a

[deniscikasov@gmail.com]

До меня дошло, всё равно спасибо. Не знаю как удалить тему ;(

[deniscikasov@gmail.com]

Там же всё очевидно и просто. Неделю не занимался и ошибаюсь в таких пустяках. Не увидел padding:15px у a.href