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...
On this page of the site you can watch the video online CSS Flex Flow (flex-flow) Explained - Beginner Flexbox Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Front End Beginners 29 October 2021, share the link with friends and acquaintances, this video has already been watched 1,049 times on youtube and it was liked by 19 viewers. Enjoy your viewing!
