Tribute Page - Build a Tribute Page

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">
      <title id="title"> Madonna </title>
      <link rel="stylesheet" href="styless.css">
        <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=""</tribute-link>
/* 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/ Safari/537.36 Edg/111.0.1661.44

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

Link to the challenge:

  • 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

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

1 Like

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