Responsive Web Design Projects - Build a Tribute Page

HTML-CSS
1

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/114.0.0.0 Safari/537.36

Challenge: Responsive Web Design Projects - Build a Tribute Page

Link to the challenge:

2

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

3

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

4

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.

5

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

6

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
7

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