Apesar de por padrão o "justify-content" distribuir os elementos horizontalmente e o "align-items" verticalmente, consegui entender melhor o funcionamento dessas propriedades através do conceito dos eixos do container. Por padrão o eixo principal é o horizontal e o eixo perpendicular é vertical, mas se mudamos a direção através do "flex-direction: column" o eixo principal é o vertical e o perpendicular o horizontal, e o "justify-content" passa a distribuir os itens na vertical e o "align-items" na horizontal, isso porque o que importa realmente são os eixos.
