Step 10 in 'Learn Accessibility by Building a Quiz' missing steps?

HTML-CSS
1

In step 10, it says to " Make the header take up the full width of its parent container, set its height to 50px , and set the background-color to #1b1b32 . Then, set the display to use Flexbox," but when you hit submit, it tells you you’re missing the ‘width: 100%;’ (which it never asked for, to my understanding) and once you fix that, if you had set the ‘display: flexbox;’, it tells you to set it to flex.
Unsure if this is a misinterpretation or if the step is mistyped, wanted to let you know this happens. If it is a misinterpretation, thats my bad, I’m new to learning HTML/CSS.
Thanks for your time!

2

hi and welcome to the forum.

I’m not aware of any bugs in this section but if you post a link to the step, and copy your code into your next reply, we can try to help you.

3

link: https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-accessibility-by-building-a-quiz/step-10
I’ve moved on to a different step, but I was confused at the time. There are some other steps that don’t make much sense in what code goes where.
first code I put in:

  height: 50px;
  background-color: #1b1b32;
  display: flexbox;
}

What was supposed to be there:

  height: 50px;
  width: 100%;
  background-color: #1b1b32;
  display: flex;
}
4

okay so do you understand why you needed the width property?
Because the step said:

Make the header take up the full width of its parent container

and the interpretation of this is to set the width to 100%

hopefully you can use the Help button if you are stuck in future too as it will create a template for you to post with here which includes the link to the step and the code all at once.

5

Ah, I was unaware that the help button did that.

6

no worries, it is a convenient feature. But the help button only pops up if you fail to pass 3 times, just fyi.