<ul class="menu">
<li class="menu-item">Item 1 del menu</li>
<li class="menu-item">Item 2 del menu</li>
<li class="menu-item">Item 3 del menu</li>
<li class="menu-item">Item 4 del menu</li>
</ul>
</header>
Para que exista un espacio entre los elementos del logo y los items escribimos el sigueinte código en CSS
.encabezado {
display: flex;
justify-content: space-between;
}