The value of the center property of align-items in CSS

The center value allows you to center elements along the cross axis:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* center on the secondary axis */
}

Result of code execution:

Задание 1

Repeat the page according to this example:

Задание 2

Repeat the page according to this example:

Задание 3

Repeat the page according to this example:

Задание 4

Repeat the page according to this example:

Задание 5

Repeat the page according to this example:

Задание 6

Repeat the page according to this example: