Multi line flex?

Question

I tried :multi-flex

Didnt work. What am I doing wrong?

Answer 1 · 2015-12-19T09:42:53Z

December 19, 2015 9:42am

Try using flex: flex-wrap property on your flex container. This will ensure your items go to a new line when it needs to :-)

Answer 2 · 2015-12-22T09:25:31Z

December 22, 2015 9:25am

Im still lost :\

Answer 3 · 2015-12-22T09:30:24Z

December 22, 2015 9:30am

.row { display: flex; justify-content: center; }

I tried this and this:

flex: flex-wrap

Answer 4 · 2015-12-22T09:30:37Z

December 22, 2015 9:30am

Nothing worked :[

Answer 5 · 2015-12-22T11:12:47Z

December 22, 2015 11:12am

Right, my apologies,

I got this wrong just ever so slightly :)

The property you want to use is flex-wrap: wrap; where Flex-wrap is the property and wrap is the value

So you set your flex container context.

display: flex;

and then set flex-wrap like this

.row { 
    display: flex; 
    justify-content: center;
    flex-wrap: wrap;
}

My apologies, I just got mixed up :)

Answer 6 · 2015-12-22T11:30:35Z

December 22, 2015 11:30am

I always get stuck on these test :__(

6 Answers