Does not recognize flex in my css folder

here is my css folder
div.flex-container{
background-color:white;
justify-content:center;
text-align:center;
flex-direction:row;}

this is the message

3. My product landing page should utilize CSS flexbox at least once.

We do not detect a display property set to flex or inline-flex anywhere in your CSS : expected false to be true AssertionError: We do not detect a display property set to flex or inline-flex anywhere in your CSS :

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.83 Safari/537.36.

Challenge: Build a Product Landing Page

Link to the challenge:

You need to use display: flex;

when i use display:flex it looks terrible, not right at all, is there any other item for this to work?

It would help if I could see what code you’re working on, is it in codepen?

The test is checking to see if you’re using a flex container which is just required for the assignment. In terms of getting it to pass the test there’s no way around it, but that doesn’t necessarily mean its the only way to achieve what you’re going for.

These two lines:

justify-content:center;
flex-direction:row;

only apply to flex containers so they are doing nothing at the moment. flex-direction: row; is also the default value.

yes this is in codepen
so i dont need
justify content or flex direction?
i will mess around a bit and see what i can come up with, thanks for replying quickly i appreciate that. whish me luck!

Yeah they just don’t do anything unless you use display: flex;

good luck :slight_smile:

thank you for your help, i finally got it. really appreciate your input.