Tell us what’s happening:
how to get a figcaption as a second child in the figure element?Need help in it.
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Travel Agency Page
</title>
<meta name="description" content="The best travel agency for you and your family">
</head>
<body>
<h1>Travelling oppurtunities for all</h1>
<p> We are currently adding 2 new travelling oppurtunities for all premium and non-premium members</p>
<h2>Packages</h2>
<p>The packages offer you the best of our options for both traveling with group and alone with reasonable prices</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="The famous colosseum"></a>
<figcaption>Rome</figcaption>
</figure>
<figure>
<a href="https://www.freecodecamp.org/learn" target="_blank">
<img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="Beautiful sea"></a>
<figcaption>Thailand</figcaption>
</figure>
<figure>
<a href="https://www.freecodecamp.org/learn" target="_blank">
<img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="For hiking"></a>
<figcapion>The Alps</figcaption>
</figure>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Linux; NetCast; U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36 SmartTV/10.0 Colt/2.0
Challenge Information:
Build a Travel Agency Page - Build a Travel Agency Page
