O align-items é usado para posicionar os elementos verticalmente, devem estar dentro de uma div.pai e seu efeito é melhor notado quando os elementos ocupam pelos menos duas linhas no container.
Seus principais valores são: flex-start que alinha os elementos no topo do eixo-transversal, flex-end que alinha os elementos no fim do eixo-transversal, center que posiciona os elementos no centro do container, stretch posiciona os elementos desde o topo do eixo-transversal até o fim do eixo-transversal o valor stretch não permite que o container tenha um height definido, e o último valor do align-items é o baseline que faz com que todos os elementos iniciem na mesma linha indepêndente do tamanho dos elementos.
1 - HTML;
2 - CSS;
3 - JavaScript (em construção);
Sua colaboração sempre será bem vinda.