Build a Travel Agency Page - Build a Travel Agency Page 26&28

Programming HTML-CSS
1

Tell us what’s happening:

I am stuck on #26 Each figure element should contain a figcaption element as its second child. I’ve compared my code to many others on the forum and can’t figure out what the problem is. I also am stuck on #28 Each of the a elements that are children of your figure elements should contain an image. Am I missing an image? I thought I linked it correctly I am not sure whats happening here.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="description" content="Discover the vast beauty of Japan with the worlds most efficient travel agency today!" />
    <title>Travel Agency Page</title>
    </head>

    <body>
  <section>
    <h1>Adventure Awaits in Japan</h1>
    <p>Your time in Japan will be a breeze with hotels covered, a tailored itinerary, and experiences ranging from adventurous hikes to pure relaxation at spas. The choice is yours!</p>
    </h1>
  </section>

  <section>
    <h2>Packages</h2>
    <p>Whether you prefer to vacation on the beach with family or hop from district to district solo, we got you covered.</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>Top Itineraries</h2>
      <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
        <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="Roman Colosseom"/>  
      <figcaption>colosseom building</figcaption>
        </figure>
      
      <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
        <img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="Swiss Alps"/>
        <figcaption>alps mountains</figcaption>
      </figure>

      <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
        <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="Open Ocean"/>
        <figcaption>cool sea with yacht</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/134.0.0.0 Safari/537.36

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page
https://www.freecodecamp.org/learn/full-stack-developer/lab-travel-agency-page/build-a-travel-agency-page

2

Hi @bingbong

The anchor elements nesting the img elements are missing a closing tag.

Happy coding

3

Hello!
Were you referring to the a href line not having the / closing tag at the end? Im still getting ticked off for 26 and 28. ):

4

It looks like you’re really close! The main issue is that your <figcaption> should come after the <img> but inside the <a>. Right now, your <figcaption> is placed outside the <a>. Try moving each <figcaption> so it stays inside the <a> tag, right after the <img>. That should fix both #26 and #28!

5

Nope. @Teller called it. The image is supposed to be a link. Once the anchor tag is closed, then figcaption becomes the second child.

6

no, they are literally missing the closing tag, anchor elements are not void elements, they need a closing tag

7

Hi what I see is the closing anchor element is missing after the img . once you do that 26 and 28 will check.

8

I’m having a problem on these two areas now. I have tried my best to answer these questions I’m still stock. Please help me to finish my task “Build a Travel Agency Page” The questions as followed:
1- Your second p element should introduce briefly the various packages
2-You should have an unordered list element below your second p element.

9

hi @Kamibra , please create your own topic

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Get Help > Ask for Help button located on the challenge.

image
image493×196 5.09 KB

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.