Tribute Page - Build a Tribute Page - S4B-gV9cplu9RU_dxK9tj

HTML-CSS
1

Hey

I’m stumped on the CSS style of this, no matter how I put it or change it round I cannot get it to work.

Thanks!

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html link rel="stylesheet" href="styles.css">
<main id='main'>
<div id='title'>Gerard Way</div> 
  <figure id='img-div'>
    <figcaption id="img-caption">Gerard Way</figcaption>
      <img id='image'src='https://warped-tour.fandom.com/wiki/My_Chemical_Romance'>
      </img>
      </figure>
      <div id='tribute-info'>MCR</div>
<a id='tribute-link' href='https://loudwire.com/my-chemical-romance-foundations-of-decay-live-first-time/' value='MCR' target='_blank'>
</main>

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


  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

Hi

This is incorrect:
<html link rel="stylesheet" href="styles.css">

It should be
<link rel="stylesheet" href="styles.css">
as in the instructions.

Also, you have two different selectors for the same img element (#image and img).
You should put all that css in one selector.

3

Hey, thanks for this!

4

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