Build a Travel Agency Page - Build a Travel Agency Page

HTML-CSS
1

Tell us what’s happening:

I am unable complete following objectives can someone guide me:
26. Each figure element should contain a figcaption element as its second child.
28. 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>
  <title>Travel Agency</title>
  <meta charset="utf-8" />
  <meta name="description" content="width=device-width, initial-scale=1.0" />
</head>
  <body>
    <h1> Travel far and wide! Egypt to Alaska!
      </h1>
      <p> Sit in 1st class with work class prices! Feast in style, fly in class.
        </p>
        <h2> Packages</h2>
        <p> 1st class to anywhere $350, any other seat is $50 (location depending)</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"></a>
                  <figcaption><img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="Cathedral In Rome">Visit Roman History
                  </figure>
                  <figure>
                  <a href="https://www.freecodecamp.org/learn" target="_blank"></a>
                  <figcatption><img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="The swiss alps?">See the swiss Alps</figcaption>
                  </figure>
                  <figure>
                  <a href="https://www.freecodecamp.org/learn" target="_blank"></a>
                  <figcaption><img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="see the seas for the seaguls POV">Sail the seven Seas arrrr</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/138.0.0.0 Safari/537.36

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

2

Hi. You have nothing inside your anchor elements. Anchor elements are supposed to provide clickable links when rendered on the screen.

Have a look at user story 12 again and make some tweaks.

figcaption elements provide a caption . You are not asked to put an image inside the figcaption elements.

Make sure you do closing tags properly on all your caption elements:

</figcaption>
3 
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Travel Agency</title>
  <meta charset="utf-8" />
  <meta name="description" content="width=device-width, initial-scale=1.0" />
</head>
  <body>
    <h1> Travel far and wide! Egypt to Alaska!
      </h1>
      <p> Sit in 1st class with work class prices! Feast in style, fly in class.
        </p>
        <h2> Packages</h2>
        <p> 1st class to anywhere $350, any other seat is $50 (location depending)</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="Cathedral In Rome">
                  </a>
  <figcaption>Visit Roman History</figcaption>
                  </figure>
                  <figure>
                  <a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="The swiss alps?"></a>
  <figcatption>See the swiss Alps</figcaption>
                  </figure>
                  <figure>
                  <a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="see the seas for the seaguls POV"></a>
<figcaption>Sail the seven Seas</figcaption>
                  </figure>
    </body>
</html>
```** Each figure element should contain a figcaption element as its second child.
Still above objective is incomplete**
4

Typo


figcatption><
5

Thanks a lot. It was a great help for me.

1 Like