Tribute Page - Build a Tribute Page - S4B-gV9cplu9RU_dxK9tj


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.


  **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=''>
      <div id='tribute-info'>MCR</div>
<a id='tribute-link' href='' value='MCR' target='_blank'>
/* 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/ Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:


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.

Hey, thanks for this!