Build a Travel Agency Page - Build a Travel Agency Page

HTML-CSS
1

Tell us what’s happening:

I cant get my head around where I went wrong with Task number 8,17 and 18. Everything looks good and how it is suppose to be.

Your code so far

<!DOCTYPE html>
<html lang="en">
<body>
  <head>
    <meta charset="UTF-8">
      <title>Travel Agency Page</title>
  </head>
  <h1>Destinations for the next summer vacation in 2025</h1>
  <p>This is a summary of ideas for vacation destinations that combine cultural, nature and aspects of my main hobby, that is surfing.</p>
<h2>Packages</h2>
<p>There are two option of packages to choose from. One for solo travellers and one for a group travellers or a solo traveller who wants to meet new people along the way.</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>
<ol>
 <li>
   <figure>
     <a href="https://www.freecodecamp.org/learn" target="_blank">
        <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="collosseo in rome" href="https://www.freecodecamp.org/learn" target="_blank"></img>
      </a>
<figcaption>Visiting the colloseum in rome></figcaption>
   </figure>
   </li>
    <li>
   <figure>
     <a href="https://www.freecodecamp.org/learn" target="_blank">
        <img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="the alps" href="https://www.freecodecamp.org/learn" target="_blank"></img>
      </a>
<figcaption>Hiking in the Swiss alps</figcaption>
   </figure>
   </li>
    <li>
   <figure>
     <a href="https://www.freecodecamp.org/learn" target="_blank">
        <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="the sea" href="https://www.freecodecamp.org/learn" target="_blank"></img>
      </a>
<figcaption>Sailing to remote surfing spots</figcaption>
   </figure>
   </li>
</ol>
</body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

3

Welcome to the forum @JustANumb3r

Your code is missing a body opening tag after the head element.
Currently it is before the head element.
When I removed the ol element, the other two tests passed.

My advise is to redo the ol element from scratch.

Happy coding

4

Hang on. Isn’t it the head element inside their body tag?

Edit: And right now their iternaries can’t be inside a list, ordered or not. The fix was merged into the codebase three days ago and hasn’t been processed yet.

5

body opening tag should be added after closing head tag.

the ol and li around figure and neseted img element causing problem to the challenge test.

7

hi @ajmal

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge. How to Help Someone with Their Code Using the Socratic Method

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.