Responsive Web Design Projects - Build a Tribute Page

HTML-CSS
1

Im working on the certification for build a tribute.

the final image CSS edits/requirements aren’t taking at all, I can’t tweak the image I used. The weird part is I’ll delete height: auto; from the CSS area and when I check with ctrl+enter it still has a check mark saying its there and complete. This is making me think that somethings wrong with this section.

Also note. I have changed the target for the CSS section to image, img, #image, figure, etc. I’ve put in an stock image as the “src” for the image element but deleted it since it wasn’t moving with any of the changes I was trying to do.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html link rel="stylesheet" href="styles.css">
  <head>

  </head>
  <body>
    <main id="main">
      <title id="title">Dr. Nornor Borlor</title>
      <figure id="img-div">
        <img id="image" ></img>
        <div id="img-caption">A couple of homies talkin 'bout a good ole farm</p>
        <p id="tribute-info">You see here, here's a couple of friends</p>
        <a id="tribute-link" href="" target="_blank">Check this link out for more info!</a>
      </figure>
      
    </main>
  </body>
</html>

/* file: styles.css */
#image {
  max-width: 100%;
  height: auto;
  display: block;

}

Your browser information:

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

Challenge: Responsive Web Design Projects - Build a Tribute Page

Link to the challenge:

2

You need to put a > after the word html to close the tag there. (To the immediate right of the word html)
Then move the link tag down below the head opening tag.

Then: Add a < to the left of the word link

1 Like
3

I knew I was missing something small haha.

thank you that worked!

1 Like
4

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