Problem centering image in tribute project

HELP ME PLEASE!!
i tried centering the image by placing text-align: center; on the wrapping block-level element. and everything else i can think of . i still can’t center the image.
Here is the link to my pen

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36

Challenge: Build a Tribute Page

Link to the challenge:

Please put the link to your pen in the topic where it can be clicked, not in the title.
Also, please but a title that briefly describes your issue.

When a test fails, cick the red button to see which test(s) are failing and text to help you correct the issue.
Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.

The failing message says

The <img> element should be centered within its parent element.
Image is not centered: expected 0 to be close to 731.40625 +/- 11
AssertionError: Image is not centered: expected 0 to be close to 731.40625 +/- 11

As a hint, to center an element horizontally, revisit this lesson

I’ve taken the liberty of changing your title

i hear you steve. thank you very much. i really appreciate it.

| Roma Leader
December 28 |

  • | - |

Please put the link to your pen in the topic where it can be clicked, not in the title.
Also, please but a title that briefly describes your issue.

When a test fails, cick the red button to see which test(s) are failing and text to help you correct the issue.
Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.

The failing message says

The <img> element should be centered within its parent element.
Image is not centered: expected 0 to be close to 731.40625 +/- 11
AssertionError: Image is not centered: expected 0 to be close to 731.40625 +/- 11

As a hint, to center an element horizontally, revisit this lesson

I’ve taken the liberty of changing your title

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