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...
Auf dieser Seite können Sie das Online-Video CSS Flex Flow (flex-flow) Explained - Beginner Flexbox Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Front End Beginners 29 Oktober 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,049 Mal angesehen und es wurde von 19 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
