Responsive Web Design Projects - Build a Tribute Page - G4plbF-5tKBrYaz-7Wy7X

HTML-CSS
1

** I am currently stuck and unable to resolve these three feedback I keep getting after I run my code

  • Failed:Your img element should have a display of block

  • Failed:Your #image should have a max-width of 100%

  • Failed:Your #image should be centered within its parent
    **

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<div id="img-div">
			<img class="center" id="image" src="https://raw.githubusercontent.com/FreeCodeCamp-Solutions/Build-A-Tribute-Page/5216e09ea762c241c2fa42298f6bbf15d8caf21a/images/steve-jobs-macintosh.jpg" alt="Steve Jobs with his Macintosh">

#image {
max-width: 100%;
margin: auto;
display: block;
}
Your browser information:

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

Challenge: Responsive Web Design Projects - Build a Tribute Page

Link to the challenge:

2

Did you remember to link your css stylesheet?

<link rel="stylesheet" href="styles.css">

If that’s not the problem, please post all your code (html and css) as it’s difficult to test or comment just based on the small amount of code I can see in your post.

3

Thank you, this was able to solve it. I was using the wrong code to link my css

4

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