Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head> 
    <title>My Web Page</title>
    <link rel="stylesheet" type="trxt/css" href="../css/style.css">
</head>
<body>
    
   <main id="title">
      <h1>A computer programmer and historian</h1>
   </main>
   <main id="main">
     <main id="main-tribute-info">
       <selection class="main-selection" id="selection-1">
        <h2>Computer programming used to be a "Pink Ghetto"-so it was underpaid and undervelued.</h2>
        <main id="img-caption">
         <div id="img-div">
          <a href="https://www.google.com" target="_blank">
            <img id="image" src="https://assets.editorial.aetnd.com/uploads/2017/09/the-first-1940s-coders-were-women-so-how-did-tech-bros-take-overs-featured-photo.jpg?max-width=100&height=auto&2Csmart&quality=75&auto=webp" alt="description"/> 
         </a>
          <figcaption id="img-caption">Kathy Kleiman</figcaption>
       </div>
       <a id="tribute-info">
         <h3> When Kathy Kleiman, a computer programmer and historian, came across these pictures, it was clear to her that these young women knew what they were doing.</h3>
       </a>   
       </section>
       <section class="main-section"id="section_2">
          <header>
      <h3>1946</h3>
      <p>The black and white photo showed smartly dressed women defty configuring wires on an enormous machine.</p>
          </header>
      </section>
   <main id="tribute-link>"
    <div id="tribute-link">
    <a id="tribute-link" href="https://www.history.com/news/coding-used-to-be-a-womans-job-so-it-was-paid-less-and-undervalued"target="_blank">Read More</a>
     </div> 
     </main>
   </main>
 </main> 

</body>

</html>  

/* file: styles.css */
imgen {
  display: block;
  max-width: 100%;

}

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

2

Hi there!

Can you let us know more specifically what you need help with?
that way we can better assist you :+1:

I ran your code against the tests and it looks like you are failing a few of them

Can you let us know what you need help with understanding the failing tests?

3

i do everything i really try deferent codes but its not working so im lost at this moment im lost on the images element

4

Here are the issues that I am spotting right now.

In your css you have a spelling error for the selector
Right now you wrote this

but that is not a valid css selector
you want to make sure to target the img element or you can choose to refer to its id which is #image

For your link element, you are using the wrong value here

your href should point to styles.css

here is the complete link they gave you in the instructions of the challenge

<link rel="stylesheet" href="styles.css">

For this failing test here

You should have a figcaption or div element with an id of img-caption .

you gave the id of img-caption to the main element which is incorrect

remove that id because remember you can’t have duplicate id values in the same html document

once I fix those issues, then the test passes

1 Like
5

Once you get the tests to pass, then I would suggest running your code through the html validator because there are a few other issues that need to be addressed

hope that helps

1 Like
6

thanks for helping me , its better and i understand that i forgot. know i have 2 issues , thanks im still learning about it. :pray:

7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.