Responsive Web Design Projects - Build a Tribute Page

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

    <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>
/* 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/ Safari/537.36

Challenge: Responsive Web Design Projects - Build a Tribute Page

Link to the challenge:

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

I knew I was missing something small haha.

thank you that worked!

1 Like

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