Tribute Page - Build a Tribute Page

HTML-CSS
1

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

Hello, I am having issues with the CSS portion —
I need to give img a display of block,
Image needs to have a max width of 100% along with a height of auto and centered with it’s parent image.
Please explain what I am missing to complete this portion.

Thank you!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html> 
<html lang="en">
  <meta charset="utf-8">
<html>
    <head>
      <title id="title"> Madonna </title>
      <link rel="stylesheet" href="styless.css">
    </head>
  <body>
      <header>
        <main id="main">
        <div id="img-div">
        <img id="image"></img>
        <figcaption id="img-caption"> The start </figcaption>
        <tribute-info id="tribute-info"> Shinning Star</tribute-info>
        <tribute-link><a  target="_blank" id="tribute-link" href="https://i.pinimg.com/736x/35/9f/69/359f6913d6a5072b40b934f1445458ba.jpg"</tribute-link>
        </div>
        </main>
        <h1><h1/>
      </header> 
       </body>
       </html>

/* file: styles.css */

img {
  display: block;
}

image {
  max-width: 100%;
  height: auto;
  justify-content: center;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36 Edg/111.0.1661.44

Challenge: {{challengeTitle}} Tribute Page - Build a Tribute Page

Link to the challenge:

2
  • this is not the valid name of the css file
  • the img element is self-closing, It doesn’t have the closing tag.
  • this is not a valid html element
  • this is not a valid html element
  • you didn’t close the anchor element
3

Thank you for the tips !!I really appreciate that, got some more learning to do :+1::+1:.

1 Like
4

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