Hi everyone! I can’t seem to make those three point work.
Step 22: You should have an h2
element after your unordered list.
Step 26: Each figure
element should contain a figcaption
element as its second child.
Step 28: Each of the a
elements that are children of your figure
elements should contain an image.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="ciao">
<title>Travel Agency Page</title>
</head>
<body>
<h1>Travel Destinations</h1>
<p>So many travel opportunities over here!</p>
<h2>Packages</h2>
<p>Soooo many packages for ya:</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</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="Colosseo">
</a>
<figcaption>Colosseo</figcaption>
</figure>
<figure>
<a href="https://www.freecodecamp.org/learn" target="_blank">
<img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="Alps">
</a>
<figcaption>Alps</figcaption>
</figure>
<figure>
<a href="https://www.freecodecamp.org/learn" target="_blank">
<img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="Sea">
</a>
<figcaption>Sea</figcaption>
</figure>
</body>
</html>