Build a Travel Agency Page - Build a Travel Agency Page

Curriculum Help
1

Tell us what’s happening:

Hi. I’m stuck on steps 5 and 26.

Here’s what I have for step 5

Here’s what I have for 26
<img src=“https://cdn.freecodecamp.org/curriculum/labs/sea.jpg”; alt=“South Italy and Islands”>South Italy and Islands

If I move my figcaption elements then step 28 becomes wrong too.

Your code so far

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8">
<meta name="description">
<meta content="description">
<title>Discover Italy</title></head>
<body>
  <h1>Discover Italy</h1>
  <p>Art, folklore, food, nature, and more. Choose among our wide selection of guided tours and excursions, and live an unforgettable experience exploring Italy.</p>
  <h2>Packages</h2>
  <p>We offer an extensive range of holiday solutions to accommodate the needs of all our clients. From daily excursions in the most beautiful cities, to thorough tours of hidden villages and medieval towns to discover Italy's lesser-known sides.</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="Rome and Center Italy"><figcaption>Rome and Center</figcaption></a></figure>
    <figure><a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="Nature and National Parks"><figcaption>Nature and National Parks</figcaption></a></figure>
    <figure><a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="South Italy and Islands"><figcaption>South Italy and Islands</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/148.0.0.0 Safari/537.36

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-travel-agency-page/669e2f60e83c011754f711f9.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

Hey @gumedeenhle75,

I would recommend you to visit What Is the Role of the Meta Description, and How Does It Affect SEO? to understand how to implement meta element.

About the figcaption, read the following instructions carefully:

  1. You should have at least three figure elements, each containing an anchor element and a figcaption element.
  2. The three anchor elements should have an img element with an appropriate alt attribute and a src attribute set to a valid image as their content. You can use https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg, https://cdn.freecodecamp.org/curriculum/labs/alps.jpg, and https://cdn.freecodecamp.org/curriculum/labs/sea.jpg

According to above instructions, your figure element should contain two elements anchor and figcaption, but I can see only one element as the child of figure, which is anchor (Your figcaption is inside anchor tag, but test is expecting it outside).

3

I’m sorted with step 5. With step 26, I tried moving the figcaption element to the second child position before the img element. I got step 28 wrong too. I ended up moving it back to third child position

4

can you post your updated code?

note that figure should have two children only, which is one a and one figcaption

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

figcaption is inside a, that means it is not a child of figure

7

I managed to get through step 26. Thanks for the help