question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

accessibility quiz step 56 is confusing

See original GitHub issue

This step is confusing to many people

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-accessibility-by-building-a-quiz/step-56

Specifically the

Also, align the text to the right.

You write the code required

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

and then it says

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

It uses precedence rules without talking about them. The end result needs to be that the labels have text-align: right; and the inputs text-align: left so why are we asking yo add the text-align: right to a selector list that includes both and then rely on precedence rules to have them assigned property?

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:10 (9 by maintainers)

github_iconTop GitHub Comments

3reactions
ieahleencommented, Sep 28, 2022

@tom-raley go for it Issues with the https://github.com/freeCodeCamp/freeCodeCamp/labels/help wanted label are up fpr grabs, the first comprehensive PR received is reviewed. Issues are not assigned.

0reactions
Akash7649commented, Oct 10, 2022

I can do it please assign it to me

Read more comments on GitHub >

github_iconTop Results From Across the Web

Learn Accessibility by Building a Quiz - Step 56 - HTML-CSS
The text-align part is so confusing since I place it in the input and label selector and it says it needs to be...
Read more >
FreeCodeCamp Learn Accessibility by Building a Quiz
Accessibility is making your webpage easy for all people to use – even people with disabilities.In this video, we build a quiz webpage....
Read more >
Learn Accessibility by Building a Quiz - FreeCodeCamp
https://www.freecodecamp.org/learn/2022/responsive-web-design#learn- accessibility -by-building-a-quizIf you found my content helpful, ...
Read more >
Learn Accessibility by Building a Quiz (Part 3) - YouTube
Questions 34 - 67 (the end of the Project)you'll build a quiz webpage. You'll learn accessibility tools such as keyboard shortcuts, ...
Read more >
freeCodeCamp: ACCESSIBILITY QUIZ | PROJECT SOLUTION
Are You A Coding Expert? Take Our Free Quiz and Find Out: https://www.dorscodingschool.com/ quiz ▻ Free Discord Group: ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found