Выраўноўванне флекс элементаў па цэнтры ў CSS

Значэнне center, усталяванае ў уласцівасці justify-content, дазваляе выраўнаваць элементы па цэнтры:

css.parent {
  display: flex;
  justify-content: center;
}

Вынік выканання кода:

Задание 1

Паўтарыце старонку па даным узоры: