freeCodeCamp Challenge Guide: Create an Ordered List

Create an Ordered List

Problem Explanation

Sometimes people overthink this kind of challenge: the ordered lists has the exact same pattern of the unordered ones, it simply changes the tag: <ul> for the unordered, <ol> for the ordered.

The different effect is that one has the bullets, the other has numbers ( or other progressive marks ):

type code effect
unordered <ul><li>Bulleted item</li></ul>
  • Bulleted item
ordered <ol><li>Numbered item</li></ol>
  1. Numbered item

If you do not remember how the lists works you can review the past challenge: Create a bulleted unordered list.


Below is my code. It looks right in the area below the edit box on the challenge screen, and Iā€™m not spotting what may be incorrect.

.red-text { color: red; } h2 { font-family: Lobster, Monospace; } p { font-size: 16px; font-family: Monospace; } .thick-green-border { border-color: green; border-width: 10px; border-style: solid; border-radius: 50%; } .smaller-image { width: 100px; }


Click here for cat photos .

A cute orange cat lying on its back.
  1. Dogs that chase them
  2. Over-stimulation from when people pet them
  3. Being sprayed with water
  • Chasing things
  • Purring
  • Eating lots of food

you need to put the list heading on there

Top 3 things cats hate:

  1. Flee treatment
  2. thunder
  3. other cats

whatever you put for the list it will correct to the ones I put.

1 Like