Tribute page is working fine in codepen and browser but fails in fcc

HTML-CSS
1

I always get this:

  • Your img element should have a display of block.
  • Failed:Your #image should have a max-width of 100%.
    Your #image should be centered within its parent.

I get so stuck there that I followed a tut in yt to finally be done with it but still it displays that. pls help :frowning:

https://codepen.io/capu-ciao/pen/qBygOWW

2

Welcome to our community!

I have just run the test and your code passed. No mistakes here.

image
image1371×825 90.1 KB

1 Like
3

yes but fcc still displays these: * 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.

4

Copy all your code and paste it somewhere else. Restart step. Paste back code and try again. If it doesn’t pass follow the note:
“Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.”

1 Like
5

I don’t have any extensions in my browser now, copy and pasted also, but still fails.

6

You have to link the styles.css to the html using the link element.


Example of the link element:

<link rel="stylesheet" href="filename.css">
1 Like
7

yes, it’s included when I’m pasting on fcc

8

Can you share the code you pasted on fcc

1 Like
10

the css name in my link was tributepage.css (thats the name in vscode) , changed it to style.css then it finally worked. thank you so much <3

1 Like
11

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