Align-items savybės center reikšmė CSS

Reikšmė center leidžia išlyginti elementus centre išilgai skersinės ašies:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* centruojame išilgai pagalbinės ašies */
}

Kodo vykdymo rezultatas:

Задание 1

Pakartokite puslapį pagal šį pavyzdį:

Задание 2

Pakartokite puslapį pagal šį pavyzdį:

Задание 3

Pakartokite puslapį pagal šį pavyzdį:

Задание 4

Pakartokite puslapį pagal šį pavyzdį:

Задание 5

Pakartokite puslapį pagal šį pavyzdį:

Задание 6

Pakartokite puslapį pagal šį pavyzdį: