Build a Travel Agency Page - Build a Travel Agency Page

HTML-CSS
1

Tell us what’s happening:

I cant figure out what is wrong with my figcaption element for test 26.
I checked for spelling mistakes as best I could. The rest of the code passes test 27,28, and 29 so I’m not entirely sure what I did wrong.

Your code so far

<!DOCTYPE html>
 <html lang="en">
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="this is a travel agency page">
    <title>Travel Agency Page</title>
  </head>
  <body>
    <h1>Welcome to Japan</h1>
    <p>Travel to the busseling city of Tokyo, explore shinjuku, and then take the bullet train to Kyoto. The pictures are of Italy, but I chose japan.</p>
    <h2>Packages</h2>
    <p>We have multiple packages that cover many budgets, from staying in capsule hotels to all inclusive resorts</p>
    <ul>
      <li> <a href="">Group Travels </a></li>
      <li> <a href="">Private Tours </a></li>
    </ul>
    <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="colessum"/>   <figcaption>rome</figcaption> </a></figure>
    <figure> 
      <a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg"><alt="mountains"/><figcaption>mountain</figcaption> </a></figure>
    <figure> 
      <a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg"><alt="water"/><figcaption>water</figcaption> </a></figure>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

2

I suggest you look at user stories 11 and 12 again. I’ve posted below one of your figure elements but they all have the same issues.

This is not the correct syntax for an alt attribute to your img element.

The figcaption and anchor elements are sibling elements within the figure element. The figcaption element is not a child of the anchor element.

<figure> 
      <a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg"> <alt="colessum"/>   <figcaption>rome</figcaption> </a></figure>
    <figure>
3

I see it now, I’m just dumb.

1 Like