¿Cómo podemos hacer para que el menú se ponga al lado derecho y el logo al lado izquierdo?
.encabezado { display: flex; align-items: center; justify-content: space-between; }
el PADRE "encabezado" le hereda a sus hijos "logo" y "menu" las propiedades del flexbox, donde las dos primeras las organiza y la última les da el respectivo espacio para ubicarlas cada una a un lado de la pantalla.