Tribute Page - Build a Tribute Page

stuck on last 3 of tribute page. 2 CSS and one HTML rules
Your img element should have a display of block .
our #image should have a max-width of 100% .
Your #image should be centered within its parent.

just want to know what i am doing wrong.

<!-- file: index.html -->
<html lang="en">
   <meta charset="UTF-8"/>
<main id="main">
<title id="title">Tribute Page</title> 
 <figure id="img-div">
<img id="image" display="block" src="" alt="Dr. Norman Borlaug seen standing in Mexican wheat field with a group of biologists"  > 
 <figcaption id="img-caption">Image Caption</figcaption>
 <a id="tribute-link" href="tribute-link" value="tribute" target="_blank"></a>
 <img display="block">
<link href="tribute-link" href="value" target="_blank" rel="stylesheet" display="block" href="styles.css">tribute</link>
<div id="img">
<div id="img-div"></div>
<div id="tribute-info">Tribute Information</div>
<div id="img-caption"></div>
<img id="image"></img>
<a id="tribute-link"></a>
/* file: styles.css */
max-width: 100%;
height: auto;
magin-right: auto;
margin-left: auto;
margin-top: auto; 
margin-bottom: auto;
  display: block;  
  max-width: 100%;

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 head element doesn’t have a link to your stylesheet.
you need to link your stylesheet if you want the css to be applied

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