Tribute Page - Build a Tribute Page

[boomsquadcorp]

Tell us what’s happening:

I think there is an error I have the code written correctly but it saying its wrong

Your code so far

<!-- file: index.html -->
<main id="main">
 <title id="title">Tribute</title>
 <div id="img-div" >
   <img id="image">
   <div id="img-caption">text</div>
 </div>
 <div id="tribute-info">text</div>
 <a id="tribute-link" href="www.regaliasfinery.com" target="_blank"></a> 
</main>

/* file: styles.css */
.img{
  max-width: 100%;
  height: 100%;
  display: block;
  margin: center;
  }

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15

Challenge Information:

Tribute Page - Build a Tribute Page

freeCodeCamp.org

[ablairmorris]

Hi @boomsquadcorp,

Double-check the test/stories requirements again. The test is looking for CSS selector #image. Using only the img selector will not pass the tests.

I hope this helps. Happy coding!

[hbar1st]

@boomsquadcorp

.img{

This is an img CLASS selector, not an img element selector.

[boomsquadcorp]

yes I tried that but it wouldn’t work either

[hbar1st]

Did you link the css?

[boomsquadcorp]

like this?

[hbar1st]

no the link element must be nested in the head element.
You can google "how to link css stylesheet in html’

[boomsquadcorp]

yea I don’t think that’s it. I Think its the program. because It took the height. Plus the height is suppose to be 0 and the width is suppose to be 100% and it still took it.

[hbar1st]

please post all the code in your index.html and all the code in your stylesheet so I can try it and see what errors I get.

[boomsquadcorp]

[boomsquadcorp]

sorry this the one

[a1legalfreelance]

Try applying some code to center the parent element on your stylesheet, #img-div, using align-items and justify content.

[hbar1st]

do you still need help with the tribute page?
If yes please state the issue and provide the code.
If not, please open a new topic with the Help button’s template.

[JeremyLT]

Please don’t post screenshots instead of code. Also, please do not make duplicate topics. Thanks

[boomsquadcorp]

sorry yes I still need help with the tribute. This is literally the last step and I’m stomped

[boomsquadcorp]

So instead of #image use #img-div and instead of margin use align-items or justify?

[hbar1st]

that’s my bad. I thought it was a whole other step… (I remerged them)

[a1legalfreelance]

Story 9 says the img should centere within its parent so yes try the code you need for centering on the parent element, to your image, #img-div in your case. You will still need some code on your image element to comply with story 8.

[boomsquadcorp]

I feel like its right the program is just not taking it