CSS CSS Flexbox Layout Flexbox Properties Wrapping Items and Distributing Space

Hemadri Sen
Hemadri Sen
8,500 Points

Next, give .row the flexbox property and value that will make it a multi-line flex container.

I don't understand why my answer is not right:

.row { display: flex; flex-direction: column; }

8 Answers

Conuir Williamson
Conuir Williamson
7,825 Points

The direction isn't the property you're looking for. Think of multi line text - it 'wraps' ;)

Hemadri Sen
Hemadri Sen
8,500 Points

Thanks a lot, it worked perfectly.

Richard Targett
Richard Targett
4,960 Points

Im not sure what the syntax should be :]\

Conuir Williamson
Conuir Williamson
7,825 Points

They've got the answer (Y) ;)

Swapnil Srivastava
Swapnil Srivastava
13,145 Points

The correct answer will be .row { display: flex; flex-wrap: wrap; }

I just encountered this problem. In hindsight it makes sense, but I think the wording on the question is a little confusing.

Christopher Mlalazi
Christopher Mlalazi
Front End Web Development Techdegree Graduate 17,301 Points

This question is not properly worded it's confusing I was also thinking of flex-direction: column;

.row{ display:flex; flex-wrap:wrap; }

Heba Hendy
Heba Hendy
7,780 Points

.row { display:flex; flex-wrap:wrap; }