Ordered and unordered list

HTML-CSS
1

In the HTML lesson - the first in series learning code - I am not getting past the ordered list lesson even though I have the exact code as in the video lesson. The result shows X for ordered and unordered. I cant find anything wrong with my code,

image
image952×713 83.4 KB

Your code so far


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
<p> Top three things cats hate</p>
<ol>
  <li>water</li>
  <li>loud noise</li>
  <li>dogs</li></ol>

<p> Things cats love</p>
<ul>
<li>catnip</li>  <li>purring</li>
<li>sleep</li>
</ul>

</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:75.0) Gecko/20100101 Firefox/75.0.

Challenge: Create an Ordered List

Link to the challenge:

2

Exactly duplicating the videos will often not give you the solution. The videos do not change as fast as the curriculum. You should use the discussion in the videos to guide you to the solution.

In this case, you created typos, removing two colons : and changing “3” to “three”. I’d recommend resetting the code and only adding the unordered list.

3

Thank you Jeremy. making those changes worked -:slight_smile:

1 Like