CSS Flexbox #5 Выравнивание вдоль поперечной оси (Alignment: align-items)

preview_player
Показать описание
#YauhenK #webDev #CSS #Flexbox

В данном видеокурсе мы с вами рассмотрим технологию Flexbox.
Flexible Box Layout Module (Flexbox) - представляет собой способ компоновки элементов, в основе лежит идея оси. Другими словами все элементы можно располагать вдоль основной и поперечной осей, или вертикально и горизонтально.
Технология позволяет буквально в пару свойств создать гибкий лэйаут, или гибкие UI элементы.

✒ Репозиторий курса:

✒ Полный список готовых и планируемых курсов:

✒ Автор курса:

  1. webDev
  2. web
  3. develop
  4. front-end
  5. frontend
  6. веб
Рекомендации по теме
CSS Flexbox #5 0:04:35

CSS Flexbox #5 Выравнивание вдоль поперечной оси (Alignment: align-items)...

CSS Flexbox #4 0:06:46

CSS Flexbox #4 Выравнивание вдоль главной оси (Alignment: justify-content)...

Flexbox CSS практический 0:06:29

Flexbox CSS практический курс за 6 минут. Все свойства

CSS Flexbox #6 0:04:26

CSS Flexbox #6 Многострочное выравнивание (Alignment: align-content)

CSS Flexbox #7 0:05:02

CSS Flexbox #7 Индивидуальное выравнивание элементов (Alignment: align-self)...

align-self flexbox css 0:03:51

align-self flexbox css / Выравнивание элементов в флексбокс / flexbox уроки...

Выравнивание и промежутки 0:26:58

Выравнивание и промежутки в flexbox | CSS для Профи

CSS для начинающих 0:18:15

CSS для начинающих (Урок 5) - Выравнивание, позиционирование...

CSS Flexbox. Полный 0:59:57

CSS Flexbox. Полный курс

Выравнивание отдельного flex 0:01:55

Выравнивание отдельного flex блока

CSS Flexbox #9 0:05:32

CSS Flexbox #9 Определение порядка элементов (Order)

CSS Flexbox #11 0:06:35

CSS Flexbox #11 Практические примеры использования Flexbox (Practical examples)...

CSS Flexbox #2 0:04:51

CSS Flexbox #2 Направление осей (Flex-direction)

Flexbox для верстки 0:11:11

Flexbox для верстки #5 (align-content)

Направление (flex-direction) элементов 0:03:30

Направление (flex-direction) элементов в Flexbox

Flexbox CSS самый 1:54:36

Flexbox CSS самый понятный и подробный урок для начинающих на практике...

CSS Flexbox #8 0:05:54

CSS Flexbox #8 Размеры элементов (Flexbox Sizing)

CSS Flexbox #3 0:06:40

CSS Flexbox #3 Перенос элементов и отступы (Flex-wrap & Gap)

Flexbox align items 0:00:13

Flexbox align items quick tutorial.

Flexbox и Grid 0:20:51

Flexbox и Grid ⚡️ РЕАЛЬНЫЕ ПРИМЕРЫ, где МОЖНО и НЕЛЬЗЯ использовать CSS Flexbox и Grid...

CSS Flexbox - 0:19:14

CSS Flexbox - Часть 2 - Align-items, Justify-content, Align-content, Align-self

#5 CSS Flexbox 0:12:02

#5 CSS Flexbox - Align Items [flex-start, flex-end, center, stretch] || Sami Hayrapetyan

Урок 2. Курс 0:13:56

Урок 2. Курс по Flexbox. Изменение направления осей, перенос элементов, выравнивание...

Flex (урок 1: 0:10:01

Flex (урок 1: flex контейнер, justify-content, align-items)

Комментарии
Автор

Спасибо Женя, за труд. Отличный получается миникурс.

velessn
Автор

FlexBox это однозначно круто! Спасибо за контент!

andygrn
Автор

Конечно же, урок понравился! и я продвинулся!

EugenySubbotin
Автор

Супер! Спасибо за прекрасный материал. Кстати провёл небольшое исследование, свойство "baseline" выравнивает элементы чётко по нижней границе (основание) шрифта только первых строк текста.

stassbass
Автор

Я действительно посмотрел уже бесчисленное количество роликов и эир прямм топ.. Всё наглядно и понятно. Благодарю!

Veliyar_Al
Автор

Спасибо за видеоуроки. Вопрос. Когда выйдет CSS Flexbox #6 ?

Tiikiirus
Автор

отличная работа! хорошие уроки, есть такой же плейлист для создания меню сайта ? все что связано с кнопками и их расположением?

sulejmanpovelitel
Автор

Скажите пожалуйста:

flex-direction: column;
justify-content: flex-end; (flex-start; center;)


и

flex-direction: column;
align-item: flex-end; (flex-start; center;)

Покажет одинаковый результат? Одинаковое отображение? Судя по осям, направление у них одинаковое...

Sweet_and_joy
Автор

На 2:25 непонятный момент: говорится о базовой линии посередине. Базовая линия - это ведь условная линия, на которую опирается шрифт?

demiurgen
Автор

Такой вопрос, немного офф-топ: в каком порядке лучше смотреть плейлисты по js, речь идет о "JavaScript", "ES6", "ES7-9 Features" и "JavaScript Design Patterns"?

kiriushkindm
Автор

есть какой-нибудь лайфхак, чтобы запомнить какое свойство нужно использовать когда нужно выровнять по горизонтали или по вертикали?

xeleos
Автор

Ютуберы) я знаю что мучаю вас но запишите вы уже курс по GatsbyJS) нету контента на русском)

peg-legantoine