Agregando espacio con Flexbox

¡Hola Silvia!

Gracias por tu pregunta. Parece que estás tratando de agregar espacio entre los elementos de tu encabezado utilizando Flexbox. Tu código se ve bien, pero hay un pequeño detalle que debes corregir.

En el código que compartiste, estás aplicando la propiedad display: flex tanto a la clase .encabezado como a la clase .menu. Sin embargo, solo necesitas aplicarla una vez, en el contenedor principal.

Aquí está el código corregido:

.encabezado {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu {
  /* Elimina la propiedad display: flex */
}

Al eliminar display: flex de la clase .menu, los elementos dentro de .menu se comportarán como elementos en bloque normales y no se verán afectados por las propiedades de Flexbox aplicadas al contenedor principal.

Espero que esto resuelva tu problema. Si tienes alguna otra pregunta, no dudes en hacerla.

¡Espero haber ayudado y buenos estudios!