“Test your skills: Advanced styling” doc: "Try updating the live code below to recreate the finished example:" but there are no examples to be found

[yomizana]

trafficstars

MDN URL

https://developer.mozilla.org/en-US/docs/Learn/Forms/Test_your_skills:_Advanced_styling

What specific section or headline is this issue about?

Advanced form styling 1, 2, and 3

What information was incorrect, unhelpful, or incomplete?

All exercises say "Try updating the live code below to recreate the finished example:" but there are no examples to be found.

What did you expect to see?

The examples we are supposed to recreate.

Do you have any supporting links, references, or citations?

The same thing occurs with exercises in other pages: Test your skills: Basic controls Test your skills: HTML5 controls Test your skills: Other controls

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/learn/forms/test_your_skills_colon__advanced_styling
• MDN URL: https://developer.mozilla.org/en-US/docs/Learn/Forms/Test_your_skills:_Advanced_styling
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/learn/forms/test_your_skills_colon__advanced_styling/index.md
• Last commit: https://github.com/mdn/content/commit/2777cdc8c8b54268a24beeeb7a98520e3331d3be
• Document last modified: 2022-04-26T11:32:33.000Z

[vagadeeshwar]

Hey, I think by finished example they ask you to follow the mentioned steps and build the basic styled element they have given you in the livecode. And not an image of the finished styling.

[yomizana]

That would make no sense though, the live code contains the starting point of the task and the point is to modify it to recreate the supposed example. If it is as you say, then the whole exercise needs to be reworded to make it clear how things are supposed to look at the end, otherwise I wouldn't know if I'm doing a good job or not.

Check out these two pages, which do have the examples we're supposed to recreate: Test your skills: sizing Test your skills: Flexbox

[Leo-U]

I agree with @yomizana. "finished examples" means there are supposed to be finished examples for us to look at. This issue affects multiple pages such as here, here, and here, and presumably others.

Here are screenshots of discord comments from other people encountering the same issue: 1 2

[bsmth]

Chris, you're working on these at the moment, just tagging you to check if we can close this when we've finished.