Build a Travel Agency Page

HTML-CSS
1

Tell us what’s happening:

I cannot pass these 3 tests and i keep trying and i have been stuck for a few days.

  1. You should have two meta elements within your head element.
  2. Each figure element should contain a figcaption element as its second child.
  3. Each of the a elements that are children of your figure elements should contain an image.

Any help is appreciated

Your code so far

<!DOCTYPE html>
<html lang="en">
<html>
   <head>
    <meta charset="utf-8"
    <meta name="description" content="Learn about our travel agency">
    <title>Travel Agency Page</title>
    </head>

<body>
  <main>
    <h1>Discover The District!</h1>
    <p>Food, Drinks, Coffee, and History. Feed your curiosity and come explore The District of Columbia.</p>
    <h2>Packages</h2>
    <p>We have two types of packages for our D.C. travel experience, group travel and private tours. We ask you consider both as you prepare for your travels.</p>
    <ul>
      <li> <a target="_blank" href="https://www.freecodecamp.org/learn"> Group Travels </a></li>
      <li> <a target="_blank" href="https://www.freecodecamp.org/learn"> Private Tours </a></li>
    </ul>
    <h2>Top Itineraries</h2>
    <figure>
      <a target="_blank" href="https://www.freecodecamp.org/learn">
      
        <img src="https://www.nps.gov/wamo/learn/historyculture/images/WAMO_Aerial.jpg?maxwidth=650&autorotate=false" alt="The Washington Monument"</a>
        <figcaption>Explore The Washington Monument with us!</figcaption>
        
    </figure>
    <figure>
      <a target="_blank" href="https://www.freecodecamp.org/learn">
    
        <img src="https://www.nps.gov/common/uploads/cropped_image/primary/F0CEDDA8-CDA3-A365-792FF3B0EB0FCFF8.jpg?width=370&quality=90&mode=crop" alt="The White House"</a>
    <figcaption>Explore The White House with us!</figcaption>

    </figure>
    <figure>
      <a target="_blank" href="https://www.freecodecamp.org/learn">
      
        <img src="https://www.uscp.gov/sites/evo-subsites/www.uscp.gov/files/styles/large/public/wysiwyg_uploaded/East%20Front%20with%20CVC%20entrance_1.png?itok=tMXtPshM" alt="The United States Capitol"</a>
    <figcaption>Explore The U.S. Capitol with us!</figcaption>

    </figure>
</main>
</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

Hi. For 5 you have missed the closing tag:

<meta charset="utf-8"

You are also missing a closing tag for each of your self closing img elements.

3

Hi For your second meta element you need to set the name value as viewport

Second for the content value you need to set it two values width, initial-sacle

Here You need to set these two values when you done this then your second meta attribute will also be perfect.

Hope You Understand.

4

Once I added the closing tag on utf-8 it worked!

5

note here there is a bit of misunderstanding on naming
this is a closing tag: </elementName>
this is a closing angular bracket: >