Build a responsive webpage. Tribute Challenge

I am having a very hard time with the tribute challenge ad all of the ’ id’ this and ‘id’ that. And I cant seem to get my downloaded image to link to the page, or get anything to work. Coding is so frustrating. Grrrrrr. Any help would be appreciated.

img {
  width: 100%;
  height: auto;
<head> </head>
<main id="main">
<div id= "main" >
<h1 id="title" > Elvis Presley The Legend </h1>
 <div  id= "img-div" id="image" >
 <img src="Images/Elvis.jpg" alt=" Picture of Elvis" id="image"
 id="image-caption" id="tribute-info">
 <a id="tribute-link target=_blank">

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Your project is going to have to be hosted somewhere where a live preview of it can be seen so you don’t want to download an image.
There are probably one or two images of Elvis to be found on the web.

  1. find one you want
  2. right click on it
  3. click “copy image address” and use that as your image source (img src=)

On a side note, the id attribute can be used only one time in each element. You have elements holding multiple id attributes.

It’s also a lot easier to help if you’d point to your actual code using codepen,, etc

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