Tell us what’s happening:
I keep getting these issues but I don’t know how to fix them… both list items have an anchor element and what even is a second child?!
- Both your list items should contain an anchor element.
- The anchor element of your first list item should wrap the text Group Travels.
:21. The anchor element of your second list item should wrap the text Private Tours. - Each figure element should contain a figcaption element as its second child.
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Travel Agency Page </title>
<meta
name="description"
content="Your one-stop travel site for your dream vacation. Bundle your stay with a car rental or flight and you can save more. Search our flexible options to match your needs."
/>
</head>
<body>
<h1> Travel Destinations </h1>
<p> More info on travel opportunities </p>
<h2> Packages </h2>
<p> we offer various packages for your dream travel! </p>
<ul>
<a href="https://www.freecodecamp.org/learn" target="_blank"> <li>Group Travels</li> </a>
<a href="https://www.freecodecamp.org/learn" target="_blank"> <li>Private Tours </li> </a>
</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="colosseum">
<figcaption>the colosseum</figcaption>
</a>
</figure>
<figure>
<a href="https://www.freecodecamp.org/learn" target="_blank">
<img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="the alps">
<figcaption> the alps </figcaption>
</a>
</figure>
<figure>
<a href="https://www.freecodecamp.org/learn" target="_blank">
<img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="a boat in the sea">
<figcaption> the beach </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/143.0.0.0 S
Challenge Information:
Build a Travel Agency Page - Build a Travel Agency Page