Build a Travel Agency Page - Build a Travel Agency Page

HTML-CSS
1

Tell us what’s happening:

I’m stuck on #31 and #32. I’ve tried different ways of doing and nothing. Also, what does it refer to where it says “link in the list items”

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="Get to know Bahia de Banderas"/>
    <title>Nayarit Travel Agency</title>
    </head>
    <body>
      <h1>Nuevo Nayarit</h1>
        <p>Bahia De Banderas</p>
        <h2>Packages</h2>
        <p>Travel packages</p>
          <ul>
            <li><a href="https://www.expedia.com/Bahia-De-Banderas.d553248635023284946.Destination-Travel-Guides">Group Travels</a></li>
            <li><a href="https://www.tripadvisor.com/Attractions-g14958911-Activities-c42-t235-Bahia_de_Banderas_Municipality_Pacific_Coast.html">Private Tours</a></li>
          </ul>
          <h2>Top Itineraries</h2>
           <figure>
            <a href="https://www.freecodecamp.org/learn" target="_blank"> 
            <img src="https://unsplash.com/photos/an-aerial-view-of-a-village-on-the-edge-of-a-cliff-JzpZHTFtS7A" alt="ocean views">
            <figcaption>Beautiful Scenery in BDB</a> 
            </figure>
            <figure>
            <a href="https://www.freecodecamp.org/learn" target="_blank"> 
            <img src="https://unsplash.com/photos/a-beach-with-a-bunch-of-houses-on-top-of-it-Co8midqDjy4" alt="beach houses on cliff">
            <figcaption>Nice homes in BDB</a>
           </figure>
            <figure>
            <a href="https://www.freecodecamp.org/learn" target="_blank">
            <img src="https://unsplash.com/photos/white-and-red-boat-on-sea-near-houses-during-daytime-GfrL3VVbPjM" alt="boats in sea">
            <figcaption>A lot to do</a>
          </figure> 
   </body>     
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

2

you wrote a list earlier, the links in that list also need to have the same href and target value as requested

you also have issues inside the figure elements: the figcaption is missing a closing tag and should not go inside the anchor element

3

Ok so which list? The list of “Itineraries”? the list of “Travel Packages”?
Also when I close the figcaption element with the figcaption closing I get an X for #26 and #28 and when I close it with a closing element it comes up as checked fine. So not sure why.

 <figure>
            <a href="https://www.freecodecamp.org/learn" target="_blank"> 
            <img src="https://unsplash.com/photos/an-aerial-view-of-a-village-on-the-edge-of-a-cliff-JzpZHTFtS7A" alt="ocean views"</a>
            <figcaption>Beautiful Scenery in BDB</figcaption> 
            </figure>
            <figure>
            <a href="https://www.freecodecamp.org/learn" target="_blank"> 
            <img src="https://unsplash.com/photos/a-beach-with-a-bunch-of-houses-on-top-of-it-Co8midqDjy4" alt="beach houses on cliff"</a>
            <figcaption>Nice homes in BDB</figcaption>
           </figure>
            <figure>
            <a href="https://www.freecodecamp.org/learn" target="_blank">
            <img src="https://unsplash.com/photos/white-and-red-boat-on-sea-near-houses-during-daytime-GfrL3VVbPjM" alt="boats in sea"</a>
            <figcaption>A lot to do</figcaption>
          </figure> 
   </body>     
</html>
4 
 <figure>
            <a href="https://www.freecodecamp.org/learn" target="_blank"> 
            <img src="https://unsplash.com/photos/an-aerial-view-of-a-village-on-the-edge-of-a-cliff-JzpZHTFtS7A" alt="ocean views"</a>
            <figcaption>Beautiful Scenery in BDB</figcaption> 
            </figure>
            <figure>
            <a href="https://www.freecodecamp.org/learn" target="_blank"> 
            <img src="https://unsplash.com/photos/a-beach-with-a-bunch-of-houses-on-top-of-it-Co8midqDjy4" alt="beach houses on cliff"</a>
            <figcaption>Nice homes in BDB</figcaption>
           </figure>
            <figure>
            <a href="https://www.freecodecamp.org/learn" target="_blank">
            <img src="https://unsplash.com/photos/white-and-red-boat-on-sea-near-houses-during-daytime-GfrL3VVbPjM" alt="boats in sea"</a>
            <figcaption>A lot to do</figcaption>
          </figure> 
   </body>     
</html>
5

Now you’ve lost the closing > on your img element. And there is only one ul element.

6

Ok so I made these revisions and #28 was cleared but still off on #26, #31 and #32 , but not sure about a ul element as this section does not require it.

<figure>
            <a href="https://www.freecodecamp.org/learn" target="_blank"> 
            <img src="https://unsplash.com/photos/an-aerial-view-of-a-village-on-the-edge-of-a-cliff-JzpZHTFtS7A" alt="ocean views">
            <figcaption>Beautiful Scenery in BDB</figcaption></a>
            </figure>
            <figure>
            <a href="https://www.freecodecamp.org/learn" target="_blank"> 
            <img src="https://unsplash.com/photos/a-beach-with-a-bunch-of-houses-on-top-of-it-Co8midqDjy4" alt="beach houses on cliff">
            <figcaption>Nice homes in BDB</figcaption></a>
           </figure>
            <figure>
            <a href="https://www.freecodecamp.org/learn" target="_blank">
            <img src="https://unsplash.com/photos/white-and-red-boat-on-sea-near-houses-during-daytime-GfrL3VVbPjM" alt="boats in sea">
            <figcaption>A lot to do</figcaption></a>
          </figure> 
   </body>     
</html>```
7

Looking at your original code, you have list items here

I don’t see target attributes there and the href value doesn’t match the value listed in the user story.

once I fix those things, it passes for me

8

Forgive me for not quite understanding but I am lost. Would you be able to show mw an example of what you mean?

9

Here are the list items. They are at the top of the page

those list items have anchor elements

those anchor elements don’t have the correct information.

The first failing test message says this

Each a element should have an href attribute with the value of https://www.freecodecamp.org/learn . Don’t forget the links in the list items.

I am looking at those anchor elements and I don’t see that link there. I see a different value

Then the second failing message says this

Each a element should have a target attribute with the value of _blank . Don’t forget the links in the list items.

I don’t see target attributes there in the anchor element