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

Im still lost :\

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

I tried this and this:

flex: flex-wrap

Nothing worked :[

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 :)

I always get stuck on these test :__(