Flexbox | ALIGN-SELF | Выравнивание отдельно взятого flex-блока по поперечной оси

Uploaded By: Myvideo

Published on

17 Oct 2024

1 view

0

0 votes

0

About Share Download Add to

Align-self – выравнивание отдельно взятого flex-блока по поперечной оси. Делает возможным переопределять свойство flex-контейнера align-items для отдельного flex-блока. Ссылка на шпаргалку с урока: Ссылка на стартовый код для практики: Если есть вопросы, пишите, я с радостью на них отвечу. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“ От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Хочешь стать Frontend разработчиком и изучить JavaScript React ? Советую посмотреть информацию по ссылке ниже: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Также будем рады видеть вас в наших сообществах: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Вконтакте: Telegram канал: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: #flexbox #FlexBox #Flex #FLEX #flex #флекс #флексбокс #Флексбокс #уроки #курс #бесплатно #вёрстка #верстка #HTML #HTML5 #html #html5 #CSS #CSS3 #css #css3

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/QklEN28yVlVyK252dU1PNnJIL3NmZExQMUdUMTNpTko3UW1oelh2VWtybz0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Flexbox | FLEX-DIRECTION | Указываем направление главной оси

3 hours ago

00:10:13

Flexbox | FLEX-DIRECTION | Указываем направление главной оси

1 64%

Flexbox | JUSTIFY-CONTENT | Определяем как будут выровнены элементы вдоль главной оси

3 hours ago

00:07:56

Flexbox | JUSTIFY-CONTENT | Определяем как будут выровнены элементы вдоль главной оси

1 85%

Flexbox | ALIGN-ITEMS | Определяем как будут выровнены элементы вдоль поперечной оси

3 hours ago

00:07:40

Flexbox | ALIGN-ITEMS | Определяем как будут выровнены элементы вдоль поперечной оси

1 71%

Flexbox | ALIGN-ITEMS: BASELINE | Выравниваем блоки по их базовой линии

3 hours ago

00:04:58

Flexbox | ALIGN-ITEMS: BASELINE | Выравниваем блоки по их базовой линии

1 91%

Flexbox | FLEX-WRAP | Определяет, будет ли flex-контейнер в несколько рядов или колонок

3 hours ago

00:05:23

Flexbox | FLEX-WRAP | Определяет, будет ли flex-контейнер в несколько рядов или колонок

1 35%

Flexbox | FLEX-FLOW | Заменяет свойства Flex-direction и Flex-wrap

3 hours ago

00:02:39

Flexbox | FLEX-FLOW | Заменяет свойства Flex-direction и Flex-wrap

1 89%

Flexbox | ALIGN-CONTENT | Выравниваем ряды блоков по вертикали

3 hours ago

00:06:12

Flexbox | ALIGN-CONTENT | Выравниваем ряды блоков по вертикали

1 80%

Flexbox | ALIGN-SELF | Выравнивание отдельно взятого flex-блока по поперечной оси

3 hours ago

00:03:54

Flexbox | ALIGN-SELF | Выравнивание отдельно взятого flex-блока по поперечной оси

1 24%

Flexbox | MARGIN:AUTO Работает и для вертикали!

3 hours ago

00:04:03

Flexbox | MARGIN:AUTO Работает и для вертикали!

1 29%

Flexbox | FLEX-BASIS | Базовый размер отдельно взятого flex-блока

3 hours ago

00:05:26

Flexbox | FLEX-BASIS | Базовый размер отдельно взятого flex-блока

1 41%

Flexbox | FLEX-GROW | Жадность отдельно взятого flex-блока

3 hours ago

00:04:31

Flexbox | FLEX-GROW | Жадность отдельно взятого flex-блока

1 70%

Flexbox | FLEX-SHRINK | Фактор сжимаемости отдельно взятого flex-блока

3 hours ago

00:04:33

Flexbox | FLEX-SHRINK | Фактор сжимаемости отдельно взятого flex-блока

1 53%

Flexbox | FLEX | Короткая форма записи для свойств: flex-grow, flex-shrink и flex-basis

3 hours ago

00:02:36

Flexbox | FLEX | Короткая форма записи для свойств: flex-grow, flex-shrink и flex-basis

1 47%

Flexbox | ORDER | Порядок следования отдельно взятого flex-блока внутри flex-контейнера

3 hours ago

00:06:18

Flexbox | ORDER | Порядок следования отдельно взятого flex-блока внутри flex-контейнера

1 16%

Flexbox. CSS игра Flexbox Froggy

3 hours ago

00:23:50

Flexbox. CSS игра Flexbox Froggy

1 73%

Desarrolladores RECHAZAN entrevistas tcnicas (nos tratan como mercenarios)

4 hours ago

00:12:10

Desarrolladores RECHAZAN entrevistas tcnicas (nos tratan como mercenarios)

1 19%

Portfolio Designer 2 - Верстка приветственной секции на Flexbox с псевдоэлементом before (html, css)

5 days ago

01:00:10

Portfolio Designer 2 - Верстка приветственной секции на Flexbox с псевдоэлементом before (html, css)

19 10%

8 -Project Putting Flexbox into Practice Pt. 4

1 week ago

00:14:45

8 -Project Putting Flexbox into Practice Pt. 4

1 22%

7 -Project Putting Flexbox into Practice Pt. 3

1 week ago

00:14:43

7 -Project Putting Flexbox into Practice Pt. 3

1 12%

5 -Project Putting Flexbox into Practice Pt. 1

1 week ago

00:23:05

5 -Project Putting Flexbox into Practice Pt. 1

1 90%

3 -Flexbox Layouts Froggy

1 week ago

00:14:42

3 -Flexbox Layouts Froggy

1 8%

6 -Project Putting Flexbox into Practice Pt. 2

1 week ago

00:02:12

6 -Project Putting Flexbox into Practice Pt. 2

1 10%

4 -Flexbox Alignment Froggy

1 week ago

00:23:49

4 -Flexbox Alignment Froggy

1 46%

4 -Flexbox

1 week ago

00:07:11

4 -Flexbox

1 40%

0 Comments

Guest