Build a Travel Agency Page - Build a Travel Agency Page

HTML-CSS
1

Tell us what’s happening:

Please help, I am struggling with test 18,19 and 26 for the build a travel agency page

Your code so far

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Travel Agency Page</title>
    <meta name="description" content="help customers find apackage holiday or plan independant travel">
  </head>

  <body>  
    <h1>Travel Destinations</h1>
    <p>Bucket list destinations within the boarders of South Africa.</p>
    <ul>
      <li>Cape Town</li>
      <li>Johannesburg</li>
      <li>Durban</li>
      <li>Gqeberha</li>
      <li>Bloemfontein</li>
    </ul>
    <h2>Packages</h2>
    <p>These are the different types of packages to cater your needs.</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="_blank">
     <figcaption>Beautiful buildings</figcaption>
      </a>
    </figure>
    
    <figure>  
     <a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="_blank">
     <figcaption>Natures' beautiful site</figcaption>
      </a>
    </figure>
    
    <figure>  
     <a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="_blank">
     <figcaption>Deep blue sea</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/134.0.0.0 Safari/537.36

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

2

Beautiful site! As for the errors:

  1. Having multiple ul elements seems to be messing with the tests. You might have to remove one of them. :cry:
  2. The 26th test specifically asks for the a elements to be the second children in their respective figure elements. Currently, your figure elements only have one child each, an a element, and in turn those a elements have one child each, a figcaption element.
3

Ohhh! thank you very much, changed as advised and I passed.

  1. Changed first
      to
        and it passed.
      1. didn’t understand the one child and second child work :backhand_index_pointing_up: you pointed me to the right direction.
1 Like