CSS Flex Flow (flex-flow) Explained - Beginner Flexbox Tutorial
In this tutorial, we look at the "flex-flow" property in CSS Flexbox.
"flex-flow" is shorthand for both the "flex-direction" and "flex-wrap" properties. It accepts two keywords as its value, one each for the flex-direction and flex-wrap properties.
By default, flex-flow is set to "row nowrap", where the main axis runs in the horizontal direction and items are not allowed to wrap onto new rows.
I hope you found this video helpful. If you have any questions, please leave them in the comments below and I'll do my best to answer as soon as possible.
TIMESTAMPS:
00:00 Introduction
00:27 What is flex-flow?
01:23 Examples of flex-flow values
02:56 Using flex-flow in the column direction
04:03 Understanding flex-direction and flex-wrap
04:20 Summary
WATCH NEXT:
• CSS Flex Direction (flex-direction) Explained - • CSS Flex Direction (flex-direction) E...
• CSS Flex Wrap (flex-wrap) Explained - • CSS Flex Wrap (flex-wrap) Explained -...
• CSS Flex Grow (flex-grow) Explained - • CSS Flex Grow (flex-grow) Explained -...
• CSS Flex Basis (flex-basis) Explained - • CSS Flex Basis (flex-basis) Explained...
На этой странице сайта вы можете посмотреть видео онлайн CSS Flex Flow (flex-flow) Explained - Beginner Flexbox Tutorial длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Front End Beginners 29 Октябрь 2021, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 1,049 раз и оно понравилось 19 зрителям. Приятного просмотра!
