CSS-тегиндеги align-items касиетинин center мааниси

center мааниси элементтерди көлдөө огу боюнча борборго тегиздейт:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* көлдөө огу боюнча борбордо */
}

Кодду иштетүүнүн натыйжасы:

Задание 1

Бул үлгүгө ылайык баракты кайталаңыз:

Задание 2

Бул үлгүгө ылайык баракты кайталаңыз:

Задание 3

Бул үлгүгө ылайык баракты кайталаңыз:

Задание 4

Бул үлгүгө ылайык баракты кайталаңыз:

Задание 5

Бул үлгүгө ылайык баракты кайталаңыз:

Задание 6

Бул үлгүгө ылайык баракты кайталаңыз: