Tribute Page questions test

HTML-CSS
1

Hello coding enthusiast and programmers, I’m having a headache with this error.
Here is the code to codepen:

I added some extra stuff because i was hoping to upload this after some changes to my portfolio but maybe that’s why i’m getting an error.
Thanks!!

2

Hi there!

Hi there!

In the #img-div selector, add a flex-wrap property with the value wrap, Your final test will pass.

3

Thanks for the answer but seems the problem still there…
i add the selector and his propery in both test page and in pencode and seems the same problem.

2. The element should be centered within its parent element.

Image is not centered: expected 275.8125 to be close to 708.1875 +/- 11
AssertionError: Image is not centered: expected 275.8125 to be close to 708.1875 +/- 11
at Proxy.D (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:531:12691)
at Proxy.u (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:407:130)
at n.approximately (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:556:8045)
at n. (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:581:122011)
at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:575:265533
at Kb.run (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:575:265828)
at CC.runTest (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:575:280794)
at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:575:281730
at o (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:575:280133)
at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:575:280203

4

I can’t see , what you have did. Post your updated code

5

The Codepen is in auto save so must be the same link.
Here is the link again tho :slight_smile:

6

I tried it. Your code is passing all the test now.

7

uhmm, maybe is because i’m using opera?
is not working neither in the freecodecamp web page, i’m not passing the test…

image
image936×691 86.3 KB

8

Yes, maybe. Try to clean your browser cache or change the browser.

9

i used pencode in mozilla and it passed but i’m scared about lose all my testing in freecode if i change to mozilla or something else
if i just log in the data stays there right?
not the test info i’m saying all the courses that i already completed

10

No. Don’t worry. If you login to your Freecodecamap account with the same id, you currently have for the account, you aren’t lose your progress, if that are saved.

11

okay so now im understanding a lot of stuff… actually the Opera was hiding the progress like this:

image
image498×676 37.3 KB

now i have more accurate knowledge of what i’m “failing”
this is actually the problem:

image
image623×314 18.6 KB

image
image269×484 17.9 KB

1 Like
12

That great. Debug your code as per tests one by one.

13

image
image545×206 12 KB

image
image261×594 23.8 KB

Still having the same error
i used the code from pencode that pass and don’t work

14

16.Solution hint: You didn’t have an img selector with display: block.

  1. Solution hint: you didn’t have an #image selector with max-width: 100;
  2. Solution hint: you can center the #image by add margin: 0 auto; to that selector.
15

My question is why in pencode the test is positive and in the freecode is not working
i already tried all those hints and it’s literally the same error
i added the display: block and the error keep saying “your img element should have a display of block.”
i changed navigator so te cache was fresh

16

Sorry for the confusion. I checked your link tag in your pen. It’s missing the s from styles.css, in the html file.

Here is your link element:

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

The css file name for the challenge is:

styles.css

Codepen link the styling automatically.

1 Like
17

omg i been the whole day trying to fix the problem and was just that…
thanks for your time!!!

2 Likes