Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

CSS is not processing commands for #image so I can’t apply display: block and max width. Any idea what’s going on? Thanks!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head> 
<link rel="stylesheet" href-"styles.css">
</head>

<body>
  <main id="main">
  <h1 id="title">Wallace Chen</h1>
  <div id="img-div">
    <img id="image" src="https://i.insider.com/64a325b16075be0019c28e16?width=700">
    <div id="img-caption">Literally Me
    <div id="tribute-info">This is a picture of me
    <a id="tribute-link" href="https://www.imdb.com/name/nm0331516" target="_blank"></a>

</body>
      

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

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14150.64.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.104 Safari/537.36

Challenge Information:

Tribute Page - Build a Tribute Page

2

Welcome @Wally132 !

Just a small typing error.

It should be an operator of = instead of a - between the href and “styles.css”

Happy coding!

1 Like
3

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