Build a Travel Agency Page - Build a Travel Agency Page

HTML-CSS
1

Tell us what’s happening:

Hey guys I’m stuck on these criteria
*First they said each figure element should contain a figcaption as its second child
*each figcaption should contain some text
*each a element that are children of your figure elements should contain an image
Each an element should have an href attribute with the value of https://www.freecodecamp.org/learn. Don’t forget the links in the list items.
Each an element should have a target attribute with the value of _blank.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="description" content="Discover Italy">
    <title>Travel Agency Page</title>
</head>
<body>
  <h1>Discover Italy</h1>
  <p>Join me as we explore 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 accomodate 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"></a>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="Colosseum of Rome"><a/>
<figcaption>Rome and center Italy</figcaption>
</figure>
<figure>
  <a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="The alps"></a>
    <figcaption>Nature and National Parks</figcaption>
      </figure>
      <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
    <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="Sea in Italy"></a>
    <figcaption>South Italy and Islands</figcaption>
    </figure>
    

  

  </body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (iPhone; CPU iPhone OS 18_1_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.1.1 Mobile/15E148 Safari/604.1

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

2

Starting with the first figure element, do you see an extra closing tag that would prevent figcaption from being the second element? And make sure your closing tags are syntactically correct.

1 Like
3

Thanks I figured it out but I’m glad to get a reply. I just won’t rest if I don’t get it figured lol