My Tribut page problem

HTML-CSS
1

Hello everyone, I am nearly done with my tribute page code but I am stuck with the following:

  1. Your img element should have a display of block
  2. Your #image should have a max-width of 100%
  3. Your #image should be centered within its parent

And this is the code for my image element:

img{
  max-width: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
}
#img-div {
  background: white;
  padding: 10px;
  margin: 0;
}

#img-caption {
  margin: 15px 0 5px 0;
}

@media (max-width: 460px) {
  #img-caption {
    font-size: 1.4rem;
  }
}```

Its all the code that has the **img** element. Thanks for your help.
2

I think you are required to use the #image selector for this test.

3

Can you give us the challenge link to better understand your problem.

4

I did try with #image but it didn’t work or I didn’t get it to work. :sweat_smile:

5

Hi @Teaddict41 !

In the future, it is best to provide all of your code with the challenge link so people can diagnosis the problem faster for you.

As for your issue, did you properly link your css to the html document?

6

No I didn’t, I just realized it…

1 Like
7

Hi @Teaddict41 I have same problem with " Your img element should have a display of block" How to solve this?
tk

8

HI @fandesterer !

Welcome to the forum!

If you have an issue with a challenge, it is best to create a new topic with your code and we can assist you there.

Thanks! :slight_smile:

9

@jwilkins.oboe Ok Thanks

10

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