How does flex-flow property work and what are its advantages?

Experience Level: Junior
Tags: CSSFlexbox

Answer

The flex-flow property is a shorthand property for flex-direction property and flex-wrap property.

So using this property you can define what will be the flow direction of flex items within a flex container and how the flex items will be wrapped.

Thanks to this property you don't need to write that many characters. And the CSS has smaller footprint which means it can be downloaded faster.

div {
  display: flex;
  flex-flow: row wrap;
}

Comments

No Comments Yet.
Be the first to tell us what you think.
Flexbox
Flexbox

Are you learning Flexbox ? Try our test we designed to help you progress faster.

Test yourself
25 Flexbox questions that will help you to nail your job interview
25 Flexbox questions that will help you to nail your job interview

Are you learning Flexbox ? Try our test we designed to help you progress faster.

Test yourself