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

preview_player
Показать описание
Полный разбор всех особенностей вёрстки на CSS Flexbox и её применение на реальных проектах. Это вторая часть курса.

⚡ Мои курсы

Разделы видео:
0:00 - Введение
0:18 - Justify-content
7:53 - Align-items
12:14 - Align-content
17:13 - Align-self
19:00 - Заключение
  1. PurpleSchool | Anton Larichev
  2. flexbox
  3. css flexbox
  4. flexbox tutorial
  5. css flexbox tutorial
  6. flex box
Рекомендации по теме
CSS Flexbox - 0:19:14

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

CSS FLEXBOX Часть 0:08:40

CSS FLEXBOX Часть 2 | Уроки HTML CSS

Как правильно пользоваться 0:00:47

Как правильно пользоваться Flex-Box в CSS? - Часть 2

CSS 3 (Уроки 0:10:16

CSS 3 (Уроки для начинающих) #16 'Flexbox' (Часть 2)

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

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

FLEXBOX. Учимся верстать 0:06:24

FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть вторая - свойства flex-элементов...

Основы работы с 0:07:17

Основы работы с flexbox Часть 2 Трепачёв Дмитрий

CSS Flexbox - 0:29:34

CSS Flexbox - Часть 3 - Flex-grow, flex-shrink, flex-basis

Урок 8.10.2. Позиционирование 0:09:44

Урок 8.10.2. Позиционирование в CSS + Flexbox. Практика. Часть 2

Адаптивный дизайн на 0:05:42

Адаптивный дизайн на CSS FLEX. Разбор реального проекта часть 2....

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

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

Практика верстки на 0:26:36

Практика верстки на flex'ах часть 2

FLEXBOX. Примеры верстки 0:42:02

FLEXBOX. Примеры верстки на flex. Учимся верстать на флексах. Часть четвертая - практика...

CSS Flexbox - 0:29:42

CSS Flexbox - Часть 1 - Основы, flex-direction, flex-wrap, order

FLEXBOX. Учимся верстать 0:09:46

FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть третья - свойство flex-direction...

#9 Портфолио с 0:15:35

#9 Портфолио с фильтрацией на сайт Часть 2, Верстка из PSD на Flexbox и Less...

Верстка сайта лэндинга. 0:19:04

Верстка сайта лэндинга. Верстка HTML, FlexBox сайта. Практика на примере. Часть 2...

HTML/CSS || Flexbox 0:54:20

HTML/CSS || Flexbox - 2 часть, Показ макета и Figma

CSS Flexbox - 0:27:43

CSS Flexbox - Часть 4 - Вёрстка и примеры использования

Адаптив на FLEXBOX! 0:20:11

Адаптив на FLEXBOX! Реальная верстка на FLEX CSS. Часть 4.

Верстка на FLEXBOX. 0:16:15

Верстка на FLEXBOX. Продолжение. Часть 3

flex-basis, flex-grow, flex-shrink. 0:43:31

flex-basis, flex-grow, flex-shrink. flexbox погружение

Марафон верстки 1.0. 0:16:25

Марафон верстки 1.0. Часть 2. Верстка 1 экрана (pixel perfect, sass, flexbox)...

Профессионально верстаем макет 1:11:10

Профессионально верстаем макет с адаптивом, часть 2 | HTML, CSS...

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

Спасибо, Антон, за хорошо структурированную информацию с тщательно подготовленными примерами. Видно, что вложено много труда! Надеюсь у Вас есть еще много, чем Вы бы могли поделиться с сообществом. Жду с нетерпением нового контента.

kihhnbe
Автор

Кратко, лаконично и отличным тембром голоса. То что доктор прописал! 😊

aditama
Автор

гриды в сафари 13 и ниже не поддерживаются, а их ещё очень много кто юзает. Так бы я с радостью полностью на гридах верстал.

biLLie_wiLLie