wyrównywanie elementów

Właściwość align-items określa wyrównanie wzdłuż osi poprzecznej.

Oś poprzeczna jest pozioma dla kierunku kolumnowego i pionowa dla kierunku wierszowego.

Przyjmuje pięć wartości:

• flex-start - wyrównuje elementy do początku osi poprzecznej.
• flex-end - wyrównuje elementy do końca osi poprzecznej.
• center - wyrównuje elementy do środka osi poprzecznej.
• stretch - elementy rozciągają się, aby wypełnić kontener wzdłuż osi poprzecznej.
• baseline - elementy są wyrównane tak, aby ich linie bazowe były wyrównane.

Domyślną wartością kontenera flex jest stretch.

Przykład,

.container {
  display: flex;
  align-items: center;
}