Значењето center на својството align-items во CSS

Значењето center овозможува усогласување на елементите по центарот долж попречната оска:

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

Резултат од извршувањето на кодот:

Задание 1

Повторете ја страницата според дадениот пример:

Задание 2

Повторете ја страницата според дадениот пример:

Задание 3

Повторете ја страницата според дадениот пример:

Задание 4

Повторете ја страницата според дадениот пример:

Задание 5

Повторете ја страницата според дадениот пример:

Задание 6

Повторете ја страницата според дадениот пример: