<header>
  <div class="logo">logo</div>
  <div class="content">content</div>
</header>

header {
  display: flex;
  height: 50px;
}

.logo {
  width: 50px;
  background: green;

  /* При необходимости можно легко добавить отступ между блоками */
  /* margin-right: 20px;  */
}

.content {
  flex: 1; /* Елемент будет растянут на всю доступную ширину */
  background: blue;
  color: #fff;
  padding: 5px;
}