Build a Travel Agency Page - Build a Travel Agency Page

HTML-CSS
1

Tell us what’s happening:

I need help checking my code . I am not too sure why I cannot pass this exercise. The preview page looks good and when I click my pictures and the captions they are correctly anchored I believe.

Should the figcaption element go 2nd after the figure element? Here are the two prompts I cannot pass.

  1. Each figure element should contain a figcaption element as its second child.
  2. Each of the a elements that are children of your figure elements should contain an image.

Your code so far

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Travel Agency Page</title>
  <meta name="description" content="Ever dreamed of traveling to Asia? Your dream vacation is waiting. Get in touch with us now!">
  </head>
  <body>
    <h1>Visit the Philippines</h1>
    <p>Experience rich Filipino culture through food, beautiful beaches, and its many Spanish style churches. Ask about our guided tours and adventue packages and experience firsthand the wonders of the Philippines. <em>Mabuhay!</em></p>
    <h2>Packages</h2>
    <p>We offer adventure packages for those seeking excitment. Enjoy a day of parasailing at the beach or trekking the tropical forests. Learn the history of the Philippines by booking a guided tour and discover its many Catholic churches or visit the old battlefields of WW2.</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 alt="views of the sea" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQrNAYvTIM23SkbaJ3pRqGFwAVZfkm3DQFO-A&s"</a>
    <figcaption>Parasailing Boracay</figcaption>
    </figure>
    <figure><a href="https://www.freecodecamp.org/learn" target="_blank"><img alt="National Shrine of San Lorenzo Ruiz" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRW83oa4Ule0gZW121YrdAB9wC_CzkQmd9MrA&s"</a>
    <figcaption>Binondo Church Manila</figcaption>
    </figure>
    <figure><a href="https://www.freecodecamp.org/learn" target="_blank"><img alt="Trekking the Chocolate Hills" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQHHlaIcOtgG94i6PxlbvP-iknwZ1_yBaWAfw&s"</a>
    <figcaption>Bohol Philippines</figcaption>
    </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/135.0.0.0 Safari/537.36

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

2

image
image
The reason why 27step cannot pass is that you forget the closing tag of img elements

1 Like
3

same reason for 26step

4

Goodness gracious! Thank you so much.

5

To test HTML codes, you have this tool: https://validator.w3.org/

6

Copy that. Thank you.