Learn Accessibility by Building a Quiz - Step 56

HTML-CSS
1

30 mins and I’m stuck here. I’ve read the other threads about this, their replies. It isn’t making sense.

.info label {
  display: inline-block;
  text-align: right;
}

.info input {
  width: 50%;
  text-align: left;
}

.info label {
  width: 10%;
  min-width: 55px;
}

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:104.0) Gecko/20100101 Firefox/104.0

Challenge: Learn Accessibility by Building a Quiz - Step 56

Link to the challenge:

2

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

3

what did the Hints section say?

4

Hint

You should use either a .info > label, .info > input or .info label, .info input selector.

5

thanks for posting that.

Do you want to try following the given hint?

Perhaps it would help you if I rewrote the hint with slightly different formatting:

Hint

You should use either a

.info > label, .info > input

.info label, .info input

Not sure if you can see that they are giving you exactly 2 options here, not 4.

1 Like
6

Thank you! Passed.

You’re so helpful. I’m going to contribute monthly. You and your team and this format is the best way for someone like me to learn something like this. I’ve tried videos and books. Coding it out is the only way for me to learn. :pray:

7

Thank you for your kind appreciation.

8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.