Solucionado
La respuesta creo seria así :
.encabezado {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
margin-right: auto; /* Empuja el logotipo hacia la izquierda */
}
.menu {
list-style: none;
display: flex;
}
.menu-item {
margin-left: 1em; /* Espacio entre cada elemento del menú */
}
Hola compañero, es mejor usar gap en lugar de margin para tus margenes te lo sugiero por el motivo de que tu proyecto sea responsivo, si usas un margen fijo y no dinámico podrías tener problemas al adaptar tu proyecto a diferentes tamaños de pantalla.