Learn Accessibility by Building a Quiz - Step 56

HTML-CSS
1

Tell us what’s happening:

Your code so far

info > label {
  width: 10%;
  min-width: 55px;
  text-align: right;
}
.info > label, .info > input {
  width: 50%;
  display: inline-block;
  text-align: right;

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:105.0) Gecko/20100101 Firefox/105.0

Challenge: Learn Accessibility by Building a Quiz - Step 56

Link to the challenge:

This is what I’m supposed to do:

Step 56

To align the input boxes with each other, set the display property to inline-block for all input and label elements within .info elements.

Also, align the text to the right.
This is the error message I’m getting:

Test

Sorry, your code does not pass. Try again.

Hint

You should set the text-align: right property before the .info input rule.

I’m trying to figure this out but can’t seem to despite searching on the web

2

The instructions aren’t quite clear on this step so I’ll give you a hint. You want to add your new rule above both the .info input rule and .info label rule. Also, you don’t want to change any of the rules that are currently there. Just add the new one with the properties the instructions are asking for.

1 Like
3

It looks like you might be missing a closing brace? }
But also if you restart the step, do you notice that they left you an empty line to use? Is it near the top or the bottom?
(It should be near the top)

That is a hint also… the code should go at the top…

1 Like
4

Thanks a million!

I figured it out and finished the project.

I’m moving along so well on FCC and enjoying the ride every day.

Also thanks Hbar1st for always helping me out. This isn’t the first time and I appreciate it!

1 Like