Tribute Page / Responsive Design Test / Image

Tribute Page / Responsive Design Test / Image
0

Link to page:
https://codepen.io/themagicbean/pen/GbVLYW

Test says it fails # 9 (img resizing) but, as far as I can tell, I have all the code from the lesson (block, max-width).

Any suggestions?

Hi, themagicbean.

I have found your problem. It’s related to CSS :stuck_out_tongue:

On CodePen.io you should post your CSS not into the html file.
But in the CSS file (by default the name of the file is “style.css”)

It’s a cleaner to separate HTML from CSS from Javascript. Usually.

I hope i have helped you.

If you have any question don’t hesitate.

Helion

Copied and pasted CSS to CSS file. Now failing two tests, including centering the image.

Ok, i just found, withdraw the comment on css, or change them with /* “Your comment” */

Also withdraw the<Style> balise, it’s useless since you are in the CSS file and not the HTML file ( <Style> ) is an HTML balise it will not work inside a CSS file

1 Like