Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<main id="main">
  <title id="title">Tribute of Dr. Norman Borlaug</title>
  <div id="img-div"> <img id="image"> <div id="img-caption">Tribute of Dr. Norman Borlaug</div></img></div>
  <div id="tribute-info">tribute<div>
  <a target="_blank" id=tribute-link  rel="stylesheet"href="styles.css"></a>
  <img id="image"></img>   
  <main>

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36 OPR/98.0.0.0

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

Hello!
Please Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

1 Like
3

okay so im on the styles.css the code is not passing
img{

max-width:100%;

height:auto;

}

#image{display:block;} i cant see what’s wrong here

4
  • You didn’t link your html file to the styles.css file. Add ‘link’ element within ‘head’ element to do that
  • ‘img’ element doesn’t have a closing tag (you added it for each img element)
2 Likes
5

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