Build a Travel Agency Page - Step 22

HTML-CSS
1

Tell us what’s happening:

I have completed all the other coding steps however am stuck on step 22. I can not figure out where I have gone wrong. Any help would be great. Thanks.

Your code so far

<!DOCTYPE html>
<html lang="en">


<head>
  <meta name="description" content="Information for people which are looking to travel to America, with places to visit">
<meta charset="utf-8">
<title>A Travel Agent To Your Dream Destination</title>
  </head>


<body>
<main>
  <h1>The Americas / Find A Place To Discover</h1>
  <p>In this piece of information we will give you some amazing places to visit during your travels in America, from mountains, valleys, national parks and more...</p>

<p>Take a look at amazing offers we provide tailor made to the passionate explorer of all ages including families.

<ul>
  <li> <a target="_blank" href="https://www.freecodecamp.org/learn">Group Travels</a></li>
  <li> <a target="_blank" href="https://www.freecodecamp.org/learn">Private Tours</a></li>

<h2>Packages</h2>
<p> Take a look at the great package holidays availble to find more of the worlds beauty.</p>

<h2>Top Itineraries</h2>

<figure>
<a target="_blank" href="https://www.freecodecamp.org/learn"><img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="Collosium"></a>
<figcaption>The Collosium In Rome Italy</figcaption>
</figure>

<figure>
<a target="_blank" href="https://www.freecodecamp.org/learn"><img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="Nature and National Parks"></a>
<figcaption>Nature and National Parks</figcaption>
</figure>

<figure>
<a target="_blank" href="https://www.freecodecamp.org/learn"><img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="South Italy and Islands"></a>
<figcaption>South Italy and Islands</figcaption>
</figure>

</body>
  </html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

2

Hello, it looks like you have not closed off your unordered list.

Example:

ul
li/li
li/li
/ul

Hope this helps ((:

3

Hi @ashleyeng22 !

As mentioned earlier, you have some HTML syntax errors like not closing some elements.
I would suggest running your code through a validator to help you find and fix those errors.

Aside from that, the reason you are failing the test is because your order of elements doesn’t match the requirements in the user stories.

Here is the correct order laid out in the user stories

You should have a paragraph below the h1 element introducing the travel opportunities.
You should have an h2 element with the text Packages.
You should have a p element introducing briefly the various packages.

Once I cleaned up the syntax errors and fixed the order, then I was able to pass.

Hope that helps

4

Thanks for the help, i went through it all again last night and resolved the issues. Thanks again.

1 Like