How do I link the html to css on codepen

HTML-CSS
1

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:

2

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

3

I’m on a project and this the link:
https://codepen.io/abuabdirahman93/pen/LYPRpgZ

4

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

5

Yes, I did that.
But it shows err that my image is responsive

6

that my image isn’t responsive

7

i don’t see an image in your code

8

You may view it again it’s there.

9

I see there is an image tag, but it doesn’t appear in the page

10

Yes, could you tell me why?
and the responsive attribute I’m trying to add to it isn’t working as well

11

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"
12

Thanks,
Please could that be the reason why isn’t responsive?

13

If there isn’t an image, logically there isn’t anything to be responsive.

14

But now there is…
and I’ve an id selector

15

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'

16

I tried it, but it show the same err, as not having made the image responsive

17

i looked again at your code but I don’t see this change you mentioned

18

Add display: block; to the image.

edit: to center it you can use margin: auto;

19

Thanks, it now worked