Betydelsen av center-värdet för align-items i CSS

Värdet center möjliggör centrering av element längs tväraxeln:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* centrerar längs tväraxeln */
}

Resultat av koden:

Задание 1

Återskapa sidan enligt följande exempel:

Задание 2

Återskapa sidan enligt följande exempel:

Задание 3

Återskapa sidan enligt följande exempel:

Задание 4

Återskapa sidan enligt följande exempel:

Задание 5

Återskapa sidan enligt följande exempel:

Задание 6

Återskapa sidan enligt följande exempel: