Learn Accessibility by Building a Quiz - Step 50

HTML-CSS
1

Tell us what’s happening:

I am unsure what I’m doing wrong with this, all seems correct but it’s telling me to give the ul a flex-wrap of wrap.

Your code so far

<!-- file: index.html -->


/* file: styles.css */
/* User Editable Region */

nav > ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding-inline-start: 0;
  margin-block: 0;
  height: 100%;
  flex-wrap: flex;
}


/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn Accessibility by Building a Quiz - Step 50

2

Hello and welcome to the forum community @Zaner_1000 !

Good attempt!

Here is where the issue is in the code. It is an easy mistake we all can make, and probably all have made at some time.

The above is guiding us as to what the value of the flex-wrap should be. I do not think it should be flex. But, as I said, we have all done this, I am sure. I know I have made similar mistakes.

Wishing you good progress on your coding journey. :slightly_smiling_face:

3

Just a heads up, there is only wrap and nowrap for the flex-wrap property

4

Here is a link to guidance that provides insight and understanding into flex property and values.

I use this site along side my freeCodeCamp learning.

Keep up the good progress. :slightly_smiling_face:

5

Shoot now i see that, thanks for your reply.

1 Like
6

You are very welcome @Zaner_1000 !

Wishing you good progress on your coding journey. :slightly_smiling_face: