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!

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