Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

Your code so far
Please help it says that:

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

But my css code is

.musk-image{
object-fit: contain;
border-radius: 10px;
max-width: 100%;
display: block;
height: auto;
margin: auto;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 OPR/100.0.0.0

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

Whoa we’re up to the same step, I’m also doing a tribute page! :rofl:
I think you should change your selector to #image. Make sure that you put your image in a div that has the id of #img-div. Hope this is correct.

3

I hope you’re enjoying the coding journey!
I did change my selector to #image and it worked, thank you very much :>

4

actually most proper way is to apply centering to img element , since task asks it like that. in real life coding you should avoid using # on image.

5

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