Tell us what’s happening:
Your code so far
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.35 Safari/537.36.
Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-tribute-page/
your post doesn’t have any text, so we don’t know what you need help with
also, if you are doing a project and need help with it you will need to give the link to your pen
I’m on a project and this the link:
https://codepen.io/abuabdirahman93/pen/LYPRpgZ
on codepen they are already linked, so just put your html in the html box and what would you put in style tag in the css box
Yes, I did that.
But it shows err that my image is responsive
that my image isn’t responsive
i don’t see an image in your code
You may view it again it’s there.
I see there is an image tag, but it doesn’t appear in the page
Yes, could you tell me why?
and the responsive attribute I’m trying to add to it isn’t working as well
your image doesn’t appear because the source link is not for an image:
here is the actual link you need to add instead:
"https://www.researchgate.net/profile/Gudrun_Wolfschmidt/publication/265595723/figure/fig2/AS:392095408902149@1470494238492/Heinrich-Hertz-and-his-collegues.png"
Thanks,
Please could that be the reason why isn’t responsive?
If there isn’t an image, logically there isn’t anything to be responsive.
But now there is…
and I’ve an id selector
look at the block of text that appear below failed user stories, the first line of that is:
Use the "display" style property with a value of "block" for responsive images.: expected 'inline' to equal 'block'
I tried it, but it show the same err, as not having made the image responsive
i looked again at your code but I don’t see this change you mentioned
Add display: block; to the image.
edit: to center it you can use margin: auto;
Thanks, it now worked