Responsive Web Design Projects - Build a Tribute Page

Tell us what’s happening:

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

I have this code already written, but for some reason, it doesn’t see it. Probably I’m not doing something right, since it’s showing it to me these Failed attempts when I try to check the system.
Your code so far

img {
max-width: 100%;
display: block;
height: auto;

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

Challenge: Responsive Web Design Projects - Build a Tribute Page

Link to the challenge:

Please post all your code, CSS, and HTML.

Make sure you linked to the CSS

Note: Be sure to add <link rel="stylesheet" href="styles.css"> in your HTML to link your stylesheet and apply your CSS

For some reason, I can’t post that code: “An error occurred: Sorry you cannot post a link to that host.”

Are you posting the code when you get that message or just a link?

Try removing any links from the code if the system is blocking them.

It’s too long, it’s giving me spam.

I don’t know what that means. What is the exact message you get?

If you can’t post the code use Codepen instead and give us a link to it.

Also, are you linking to the CSS file correctly as I asked?

1 Like

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