Build a Travel Agency Page - Step 19

HTML-CSS
1

I am stuck at Step 19 but could not figure out what I am doing wrong.

Step 19 : Both your list items should contain an anchor element.

(This is my first time posting in the forum and english is not my main language. please excuse me if I did anything wrong or broke a rule. feel free to correct me and thank you in advance!)

Here is my code:

<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="description" content="discover all the beauties Turkey has to offer"/> <title>Travel Agency Page"</title>
</head>
<body>
<h1>Visit Turkey</h1>
  <p>Art, folklore, food, nature, and more. Choose among our wide selection of guided tours and excursions, and live an unforgettable experience exploring Turkey.</p>
<h2>Packages</h2>
  <p>We offer an extensive range of holiday solutions to accommodate the needs of all our clients. From daily excursions in the most beautiful cities, to thorough tours of hidden villages and medieval towns to discover Turkey's lesser-known sides.</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://www.state.gov/wp-content/uploads/2023/07/shutterstock_1428304757v2.jpg" alt="castle view with turkish flag">
  </a>
  <figcaption>Ankara Kalesi</figcaption>
  </figure>
  <figure>
  <a href="https://www.freecodecamp.org/learn" target="_blank">
  <img src="https://images.contentstack.io/v3/assets/blt06f605a34f1194ff/blt8661ca7093bfef1f/670d1d8178e93c195e12ae85/BCC-2023-EXPLORER-Istanbul-Fun-things-to-do-in-Istanbul-HEADER_MOBILE.jpg?format=webp&auto=avif&width=860&quality=80" alt="istanbul bogazi">
  </a>
  <figcaption>Ä°stanbul BoÄźazi</figcaption>
  </figure>
  <figure>
   <a href="https://www.freecodecamp.org/learn" target="_blank">
  <img src="https://barakatur.com/wp-content/uploads/2020/08/bu-yazin-yildizi-ege-1590068553992.jpg" alt="house with flowers">
  </a>
  <figcaption>Ege Bölgesi</figcaption>
</figure>
</body>
</html>
2

you have more li elements that do not have an a inside, and the tests see those

if you want you can open a bug report for this

1 Like
3

Merhaba!
Sıkıntı yok, merak etme. İngilizcen super. ayrıca Türkçe de yazabilirsin, yani anlarız bazelerimiz bu güzel dili ve yardımcı da olabiliriz :grin:
İyi çalışmalar!

1 Like
4

thank you, i have checked it dozens of times but did not see i left it there. really appreciated!

5

Merhaba!
Çok teşekkür ederim, sizin de Türkçeniz süper :smiley:
Türkçe de yazabileceğimi öğrenmek harika oldu, size de iyi çalışmalar!

2 Likes
7

Hello I’m new to free code camp,
I’ve begin two days ago, and I’m enjoying the formation,it’s really cool to learn online and free
Video are very clear and exercises to

Here the bug issue

Certified Full Stack Developer Curriculum/Travel Agency/ 19. Both your list items should contain an anchor element

It says me that “19. Both your list items should contain an anchor element” but both of my items are contening anchor element. I check on the forum an 4days ago somebody had the same issue

Currently I’m stuck there…

Some people answer the post

you have more li elements that do not have an a inside, and the tests see those

I have made a bug report

Let me know

Thank you heartly,

Diamont100

Affected Page

Your code

<html lang="en"> 
  <head> 
    <meta charset='utf-8'> <title>Travel Agency Page</title> 
    <meta name="description" content="Explorez l'une des destinations les plus fascinantes au monde grâce à [Nom de l'agence], votre expert en voyages en Égypte. Nous vous proposons des séjours sur-mesure, adaptés à vos envies et à votre budget, pour découvrir les merveilles historiques et culturelles de ce pays mythique."> 
    </head> 
    <body> 
      <main> 
        <h1>Pourquoi choisir l'Égypte pour votre prochain voyage ?</h1> 
        
        <p>Voyages&Cie</p> 



        <h2>Packages</h2> 
        
        <p>Beaucoup de voyage évadez-vous ! Voyage Culturel et Historique -Croisière de Luxe sur le Nil-Séjour Détente sur la Mer Rouge</p> 
        
        <ul> 
          
          <!-- here is the issue /--> 

          <!-- <a href="https://www.freecodecamp.org/learn" target="_blank">Group Travels</a>    
          
          I'dont understand since I think there is an anchor element in each list -->

          <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>

          <!-- here is the issue /--> 
          
           </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="image de Rome lien "> </a> <figcaption>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="image des alpes" > </a> 
                <figcaption>Alpes</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="image de bateau" ></a> 
                  
                  <figcaption>Italy</figcaption> </figure> 
                  </li> 
                  
                </ol> 
            </main> 
        </body>
     </html>

Expected behavior

To solve the issue due to a mistake of the code verification bot with 19. Both your list items should contain an anchor element

so as to continue the formation and maybe if I can to help in the future.

8

these li do not have an a as direct descendant, the tests see also these (there were no isntructions to add more li so the tests weren’t written to expect more), if you want to pass you need to have these li have an a as children, or remove the ol and li items

9

Thank you very much but it doesn’t solved my problem
I think that it’s the first list which is concerned (the code is below)
If I supress the and

element the other criteria wont be validate but the système

But I 've tried with that and even with that the issue is still there

Here is the link of the page https://www.freecodecamp.org/learn/full-stack-developer/lab-travel-agency-page/build-a-travel-agency-page

Maybe it would be more clear, let me know

Packages

    <p>Beaucoup de voyage évadez-vous ! Voyage Culturel et Historique -Croisière de Luxe sur le Nil-Séjour Détente sur la Mer Rouge</p> 
    
    <ul> 
      
      <!-- here is the issue /--> 

      <!-- <a href="https://www.freecodecamp.org/learn" target="_blank">Group Travels</a>    
      
      I'dont understand since I think there is an anchor element in each list -->

      <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>

      <!-- here is the issue /--> 
      
       </ul>

Thank you
let me know

Have a nice day

10

that is fine. The issue, like the bug you reported, is because the test is checking that ALL li elements in the page have an a inside, so the li inside the ol make the test fail.
This can happen because the requirements are for only two li elements, the ol element is not requested, so the tests were not coded to accept it.

To pass the tests before the bug is resolved, remove the ol element, remove the li elements inside the ol element.