Hola Carla, espero que estés bien
Para justificar correctamente los elementos en tu contenedor main usando Flexbox, es importante que uses la propiedad display: flex; en lugar de display: flexbox;, que no es válida. Además, para lograr la distribución que deseas, donde los elementos están separados por un espacio en el medio, debes utilizar justify-content: space-between;.
La opción correcta sería:
main {
display: flex;
justify-content: space-between;
}
Esto asegurará que los elementos dentro del contenedor se distribuyan uniformemente con espacios entre ellos, como se muestra en la imagen de cómo debería ser.
Espero haber ayudado y buenos estudios!