CSS Flex Flow (flex-flow) Explained - Beginner Flexbox Tutorial

preview_player
Показать описание
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:
Рекомендации по теме
Комментарии
Автор

The BEST teacher I ever met on the net. 10+. Simple and perfect. Keep going on. Please make text-size double, because of high resolution it is too small, even on TV. And cut the first column - where is explorer - for more space. Thank-you!

illusion_destroyer
Автор

Great content! Great explanation! Short and clear! Keep it up! Thanks so much!

steliosalexandrakis