Разбираем как работают flex-basis flex-grow flex-shrink

preview_player
Показать описание
В данном видео я разберу как работают свойства flex-basis, flex-grow и flex-shrink.
Мало материала на русском языке о том как эти свойства работают. Давайте разбираться!

flex, flex basis, flex grow и flex-shrink

Автор - Максим Лескин

#methed #css #flexbox
  1. Онлайн-школа METHED
  2. html
  3. основы html
  4. вёрстка
  5. html вёрстка
  6. верстка
Рекомендации по теме
Разбираем как работают 0:24:49

Разбираем как работают flex-basis flex-grow flex-shrink

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

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

Как работает свойство 0:04:47

Как работает свойство flex-grow и flex-shrink в CSS3. Урок 17

Как работает свойство 0:02:59

Как работает свойство flex-basis в CSS3. Урок 14

Flexbox на примерах 0:05:34

Flexbox на примерах #4 - flex-grow, flex-shrink

CSS Flexbox - 0:29:34

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

Flex-Basis, Flex-Grow dan 0:17:46

Flex-Basis, Flex-Grow dan Flex-Shrink- Belajar CSS 3 Flexbox #07

CSS Flexbox #10 0:05:56

CSS Flexbox #10 Вложенность. Обёртка элементов с размерами (Nesting. Flex-basis & Flex-wrap)...

Flexbox на примерах 0:07:07

Flexbox на примерах #5 - flex-basis vs width, сокращенное свойство flex

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

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

FlexBox за 20 0:21:33

FlexBox за 20 минут с примерами // Уроки FlexBox // Bootstrap или FlexBox // Flex css...

#8. Уроки по 0:17:23

#8. Уроки по CSS для НАЧИНАЮЩИХ (Flexbox 2/2)

Flexbox на примерах 0:06:41

Flexbox на примерах #2 - Как работает display:flex

12. CSS Flexbox 0:16:35

12. CSS Flexbox Layout. Флексы в CSS. Гайд по флексбокс

CSS Flexbox #3 0:06:40

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

Как использовать все 0:07:41

Как использовать все свойства FLEX за 7 минут для начинающих....

Крутая возможность FLEXBOX 0:03:34

Крутая возможность FLEXBOX | margin больше не нужен | Разрыв GAP между элементами!...

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

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

Свойство сокращение flex 0:02:59

Свойство сокращение flex

FLEXBOX. Всё о 0:24:01

FLEXBOX. Всё о flexbox в одном уроке

align-self flexbox css 0:03:51

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

Лекция 1.7 - 0:53:17

Лекция 1.7 - Web - Flex верстка в CSS. Модель Flexbox на HTML страницах...

38 - ( 0:03:07

38 - ( CSS3 Tutorial ) Flexbox : Flex Shrink

CSS Flexbox #9 0:05:32

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

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

Подписался, потому что очень понятно объяснил, как ни кто другой. Спасибо за это видео

alexs
Автор

Огромное человеческое спасибо, мужик. Статьи полистал, голова пухнет от этих гроу и шринков. А у тебя прям на пальцах расписано. Топ контент, лайк заслуженный.

eugenenazirov
Автор

Спасибо большое за подробное объяснения и как это все дело можно подсчитать. Надо его потренироваться так как я новичек, но уже потихоньку все встаёт по полочкам.

FallenSmile
Автор

господи понятно точно с расстановкой без воды да еще и с примером сразу жму руку

korvinplay
Автор

Супер, спасибо большое за информацию!

gfwtnww
Автор

Информация безусловно полезная. Да, в интернете полно статей на эту тему, но там статические картинки, а тут все в динамике показано, как и что учитывается. В адаптиве полезно применять:)

mylifeoop
Автор

Доброго времени суток. Замечательное видео. Хотел спросить:и где взять исходники(эти картинки-домики)? Или тут можно вставлять все что душе угодно?

alexfiridonov
Автор

16:25 почему умножаем на 200 откуда взялось это число?

korvinplay