CSS да align-items воситасининг center қиймати

center қиймати элементларни қўшимча ўқ бўйича марказга мослаш имконини беради:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* қўшимча ўқ бўйича марказга оламиз */
}

Коднинг ишлаш натижаси:

Задание 1

Ушбу намуна бўйича саҳифани такрорланг:

Задание 2

Ушбу намуна бўйича саҳифани такрорланг:

Задание 3

Ушбу намуна бўйича саҳифани такрорланг:

Задание 4

Ушбу намуна бўйича саҳифани такрорланг:

Задание 5

Ушбу намуна бўйича саҳифани такрорланг:

Задание 6

Ушбу намуна бўйича саҳифани такрорланг: