Travel agency - Step 22

HTML-CSS
1

I am absolutely stuck with the parcer not noticing the H2 after the unordered list. I’ve tried even removing all and every space between the </ul> and <h2>, but that didn’t help either.

What can I improve? I’ve spent over two hours experimenting with this exact issue

<!DOCTYPE html>
<html lang="en">
  <head>        
    <meta charset="utf-8">
    <meta name="description" content="Best travel search engine">
    <title>Travel Agency Page</title>
  </head>
  <body>

  <h1>Travel destinations</h1>
  <p> Travel to North Korea and Afghanistan as long as the regime is still in place!</p>
  <p> Packages don't matter so much as this point</p>

  <ul>
    <li><a href="https://www.freecodecamp.org/learn" target="_blank">Group Travels</a></li>
    <li><a href="https://www.freecodecamp.org/learn" target="_blank">Private Tours</a></li>
  </ul>
  <h2>Packages</h2>
    <p> Packages don't matter so much as this point</p>
  <h2>Top Itineraries</h2>
  <figure> 
      <a href="https://www.freecodecamp.org/learn" target="_blank">    
          <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="Colosseum">
      </a>
    <figcaption>The Roman Colosseum</figcaption>
  </figure>
    <figure> 
      <a href="https://www.freecodecamp.org/learn" target="_blank"> 
        <img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="Alps">
      </a>
      <figcaption>The Alps</figcaption>
  </figure>
    <figure>
      <a href="https://www.freecodecamp.org/learn" target="_blank"> 
        <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="Sea">
       </a>
      <figcaption>The Sea</figcaption>
    </figure>
  </body>
</html>
2

Please post a link to the project you are working on. Thanks

3

Hi Can you please tell up at which part of your code are you facing problem with ?

4

Look at the example project again and compare to your project in the preview window. Note the order of the page elements.

5

It is this one

6

I have a problem with meeting the following requirement. At this point, I have run out of ideas of how to mitigate this issue.

  1. You should have an h2 element after your unordered list.
7

Unfortunately, I don’t know where to find the example project, but after checking the code of other people struggling with the same exercise (albeit, with other parts), I am even less sure what can be wrong with my code. This feels odd

8

image
image447×302 15.2 KB

1 Like
9

Hi. When you get these issues it’s worth going through the user stories again to check you have the correct number of elements and you have put them in the right order.

You have added an extra paragraph of text where it wasn’t asked for and you have put your first h2 heading and paragraph below it in the wrong place.

10

Thanks a lot, it helps

11

Thanks a lot. I appreciate it