Стойността center на свойството align-items в CSS

Стойността center позволява подравняването на елементите в центъра по напречната ос:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* центрираме по второстепенната ос */
}

Резултат от изпълнението на кода:

Задание 1

Повторете страницата по дадения образец:

Задание 2

Повторете страницата по дадения образец:

Задание 3

Повторете страницата по дадения образец:

Задание 4

Повторете страницата по дадения образец:

Задание 5

Повторете страницата по дадения образец:

Задание 6

Повторете страницата по дадения образец: