Build a Travel Agency Page - Build a Travel Agency Page

HTML-CSS
1

Tell us what’s happening:

hi ive been stuck mostly on step 19 and 20, i cannot figure out whats wrong and its been nearly a month of trying different things, i have also looked at other posts similar to this, any help would be appreciated

Your code so far

<!DOCTYPE html>
<html lang="en"> <head> <meta name="description" content="example"> <title> The Wonders of Italy </title> <meta charset="utf-8"> </head> <body> </body> 
<h1>  Italy  </h1> 
<p> Traveling to Italy promises you an adventure you'll never forget, it will be a dream come true, from the culture and  wondeful scenery to the cuisine </p>
<li><a> There are many things to discover in italy whether it be new food and sights to see or spots that were filmed in movies, this package is full of guides and suggestions  </a> </li>
<h2> Packages </h2>
<p> Private Tours </p>
<ul>
<li>
<figure> <a href="https://www.freecodecamp.org/learn" target="_blank"> Group travels </a> </figure>
</li>
<li> 
 <a href="https://www.freecodecamp.org/learn"     target="_blank"> Private Tours </a> <figcaption>
 </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="Coliseo"> 
       <figcaption>Italy</figcaption></a>
       </figure>
      
       <figure>
         <a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="Mountains">
      <figcaption>Norway</figcaption></a>
      </figure>

      <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg">
   <figcaption>Mexico</figcaption></a>
   </figure>
    </main>
    </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 Edg/135.0.0.0

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

2

welcome to fcc forum @ameeradajani2
ok your problem is that you didn’t wrap your body tag in your content
your body tag is suppose to house all the element from your h1 to your /main tag
and also remove the last body tag u did a the end u don’t need two
you should also provide spacing makes your work neat

3

hello and welcome to fcc forum :slight_smile:

  • are sure about this markup?
  • do you see li elements having “direct” anchor tags in them both?
  • also you have not closed “figcaption” correctly

happy coding :slight_smile:

1 Like
4

hi, i have gone through it and am still confused, sorry to bother im new to this

5

What’s confusing?

Try to ask a more specific question or it’s impossible to give an answer that will be clear. We don’t know what you don’t know.

6

I think i am confused about the direct anchor tags or maybe lack of, i have considered restarting but i’d rather not. Step 19 says both list items should contain an anchor element and i thought they did, not sure how to fix it or proceed

7

Hi,
What is meant by “direct” anchor tags is that the anchor tags should be a direct child of the li element.
In your code here:

<li>
<figure> <a href="https://www.freecodecamp.org/learn" target="_blank"> Group travels </a> </figure>
</li>

The direct child of the li is the figure element and not the anchor element. Step 19 is failing because you added other elements to your list item. Try to add the anchor element only.
I hope this helps!

8

hi, thank you so much :)) step 19 is good now

1 Like