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.

Change ordered list to unordered list in project challenges

See original GitHub issue

Challenge Name

Any of the project challenge pages (e.g https://www.freecodecamp.com/challenges/show-the-local-weather)

Issue Description

Currently, the project challenges have an ordered list, listing the requirements and instructions for the challenge. However, I think there are too many “lists” as there is a bulleted list and the numerical list.

Firstly, I remember reading someone making an issue or comment on how the rule numbers usually make a weird contrast with its list number, like so where Rule #1 is listed as #2 in the list:

image

Secondly, there appears to be a redundancy in “lists,” where you have the check boxes but also the numbered list items. Each item is already separated by spaces so I don’t think you really need the numbers.

Numbers in a list, in my opinion, should have some meaning to it like needing to know there are 3 or 4 requirements for something. But in this case, the numbers don’t really tell you much except there are 10 or so lines to read, which knowing the number is inconsequential to solving the challenge.

Proposed Fix

Change the ordered list to an unordered one. To make these changes, I think all we’d need to do is change this line from ol to ul (correct me if I’m wrong). Overall, I think these changes will give a cleaner look to the challenges.

Screenshot

Currently: image

Proposed Change: image

cc/ @hallaathrad

Issue Analytics

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

github_iconTop GitHub Comments

3reactions
ghostcommented, Jun 1, 2016

@sanskar-modi, feel free to tackle this now! We have decided to remove the checkboxes and numbers.

Please, check our Guidelines for Contributing and if you need any assistance reach out to the Contributors Chat room.

2reactions
ghostcommented, May 31, 2016

@sanskar-modi let’s wait for @hallaathrad opinion!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Stuck on ordered list inside unordered list - Codecademy
here's what it says: Go nuts with your lists within lists! The only requirement is that you have at least one ordered list...
Read more >
How to Make Ordered & Unordered Lists in HTML - Study.com
An unordered list has no inherent order and the sequence of items isn't important. We may use this type of list, for example,...
Read more >
Styling lists - Learn web development | MDN
Throughout this article, we'll look at unordered, ordered, and description lists — all have styling features that are similar, as well as ...
Read more >
Unordered, Ordered, and Description Lists in HTML
Lists are used to store data or information in web pages in ordered or unordered form. HTML supports several types of list elements...
Read more >
Tutorial: HTML Lists - CodeHS
Take a look at this example of how to use an unordered list. Play around and change the items in the list. Try...
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