Para diseñar el apartado de la lista de cursos no es necesario colocar
.headerPrincipal-nav{ flex-direction: column; }
ya que con solo colocar:
.contenidoPrincipal-cursos-link{ width: 100%; }
automáticamente los elementos bajaran y se acomodarán aparentando ser una columna.
Hola, Jose! Cómo estás?
Al configurar el flex-direction en "column", evita que ocurra un comportamiento inesperado. Sobre todo cuando trabajamos con tamaños variables como porcentajes, por ejemplo.
Al usar flex-direction: column, evitamos que la aplicación se comporte de manera no deseada, además de facilitar la adición de otros estilos.
Espero haber ayudado.
¡Hasta la próxima!