Tribute page responsiveness issue

Tribute page responsiveness issue
0

hi,
I’ve been playing with this several solutions on for most of the morning but I can’t seem to get my tribute page to pass the final test. Any help would be greatly appreciated :slight_smile:

}
img
{
  height: 500px; 
 
}
{
  #image-div {
max-width: 400px;
  width:100%
  height: auto;
  margin-right: auto;
  margin-left: auto;
  display: block;

Hello and welcome to the forums! :smiley: There are two issues that are not letting you pass the test. First, you have a couple of syntax errors:

  • You have an extra pair of curly braces ({}) around the #image-div selector in CSS, make sure you get rid of those.
  • And you’re missing a semi-colon at the end of the width property within that same declaration.

And another problem is that the test suit expects all of these ‘responsiveness’ properties to be assigned to the img element, and you’re assigning them to the div element with the class img-div.

After you’ve corrected these issues, you should pass the test :slight_smile: Hope this helps and good luck going forward! :smile:

You have many syntax errors here.

Image elements are self-closing, so there is not such thing as </img> in the following:

      <img id= "image" src= "https://upload.wikimedia.org/wikipedia/commons/f/f0/Flickr_-_%E2%80%A6trialsanderrors_-_Thurston_the_great_magician%2C_the_wonder_show_of_the_universe%2C_performing_arts_poster%2C_1915.jpg" alt="wondershow of the universe" </img>

Also, I do not know what you are trying to do with the following as it is not valid HTML.

  <img-div=<figcaption>"wondershow of the universe"
    <p id=a ntique show poster ">
     <p id= "tribute-info
      "> 

The following are doing nothing (not valid syntax) and should be removed:

<class= “img-responsive”>

and

<img id= "image">

The following is not valid CSS syntax:

{
  #image-div {
max-width: 400px;
  width:100%
  height: auto;
  margin-right: auto;
  margin-left: auto;
  display: block;
 
  }
  
}

You should not be surround the selector with { and }. Also, you are missing a semi-colon after one of the property values and this attempts to target the parent of the image instead of the image.

got it! thank you so much!

got it, thank you so very much!