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.

challenge description and solution needs updating to align with MDN best practice

See original GitHub issue

Challenge: “Basic HTML and HTML5 - Create a Set of Radio Buttons” https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons

Here is the relevant text in the description for this challenge:

Each of your radio buttons should be nested within its own label element. Wrapping an input element inside of a label element makes the label text clickable.

It is NOT necessary to wrap an input element inside of a label element to make the text clickable as long as there is a for field on the label that matches the id of the input. The recommendation on fCC is contrary to what is shown at MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio

Same for checkboxes. This should be changed as well to match best practices shown on MDN.

It works either way so this is not necessarily an error but I think it is best to change this to go along with MDN.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7 (7 by maintainers)

github_iconTop GitHub Comments

2reactions
raisedadeadcommented, May 22, 2018

And to further clear any confusion log any issue on any of the repositories.

We (@freeCodeCamp/moderators) will take care of moving them around as needed. There is a chrome extention that makes this as simple as clicking a few buttons.

2reactions
Bounceycommented, May 19, 2018

To clear any confusion, curriculum issues belong here, platform issues belong in the learn repo.

We will be publishing the seed files as an npm package shortly, so the seed files held in learn will no longer exist

Read more comments on GitHub >

github_iconTop Results From Across the Web

Challenge solutions - Developer guides - MDN Web Docs
This page provides solutions to the challenges posed in the CSS Getting Started tutorial. These are not the only possible solutions.
Read more >
Learn web development - MDN Web Docs - Mozilla
Looking to become a front-end web developer? We have put together a course that includes all the essential information you need to work...
Read more >
Handling common HTML and CSS problems - MDN Web Docs
Objective: To be able to diagnose common HTML and CSS cross browser problems, and use appropriate tools and techniques to fix them.
Read more >
Capabilities, constraints, and settings - Web APIs | MDN
This article discusses the twin concepts of constraints and capabilities, as well as media settings, and includes an example we call the ...
Read more >
Handling common JavaScript problems - MDN Web Docs
Now we'll look at common cross-browser JavaScript problems and how to fix them. This includes information on using browser dev tools to ...
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