Build a tribute page Test

Tell us what’s happening:
Describe your issue in detail here.

I can´t understand exercises #8 and #9.

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/100.0.4896.79 Safari/537.36

Challenge: Build a Tribute Page

Link to the challenge:

Hello there @jyoung.

  • User Story #8 The img element should responsively resize, relative to the width of its parent element, without exceeding its original size. This means you need to set the width property of the image in percentage for example 100% which means the image will occupy 100% of its parent. So, if you have a div as the parent of the image and you set the width of the div to 400px it means that the image inside of the div will also bee 400px in size.

  • User Story #9 : The img element should be centered within its parent element.
    This means you need to place the image in the center and we usually do this in our style tags or CSS file. A simple approach would be setting the margin-left and margin-right of the image to auto. You can learn more about CSS Margin Here.

I hope this helps. Let me know if you need further clarification. Welcome to the FCC community and Happy coding :+1:!

Hey there!

You have a typo in your code that’s preventing the tests from passing. Can you spot it?

     <img
          id=image"
                   src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/%EC%9D%B4%EC%88%9C%EC%8B%A0.jpg/300px-%EC%9D%B4%EC%88%9C%EC%8B%A0.jpg"
       />

As a general tip, if you click the red “failed tests” button, you can see a breakdown of the tests and assertion messages.

This helped me identify the issue. :slight_smile:

Hey there @jyoung just has @nhcarrigan pointed out you seem to have a typo and also some unclosed tags like your <h1>. Kindly check these out and make necessary adjustments and you should be fine.

1 Like

Thanks for the help!