My First Project - Tribute Page (score?)

HTML-CSS
1

Hi :slight_smile: !

I finished right now my first code challenge.

My first time coding HTML/CSS…
Today I didn’t see the day pass I was so focused on this project.

Right now the problem is that my score is 9/10 and I can’t understand why…
I tried everything to solve and get 10/10 but nothing works.

My project CodePen link:
https://codepen.io/brunofragame/full/QWjvmPJ

I would like to get some feedback and also check if someone can help me get 10/10 :rofl:

I made my tribute to Michael Jackson.

I did my best to make it web responsive.

Thank you.

–
Challenge: Build a Tribute Page

Link to the challenge:

2

When a test fails the button is red. Click on the red button to see which test is failing and why. There is text that will help you resolve the issue.

2 Likes
3

Hi @Roma. Thank you for your support.

I did it and checked the “fix” instructions. The problem is that after applying it the error persists.

Everything is working fine but still 9/10 :man_shrugging:.

Did you see my Tribute page? How about? If you have any feedback let me know.

Have a nice day there.

4

I don’t see where you did anything to fix it.

The error message says;

The <img> element should responsively resize, relative to the width of its parent element, without exceeding its original size.

Use the "display" style property with a value of "block" for responsive images.: expected 'inline' to equal 'block'

Now if I go to your code and add display: block; to your image element declaration in CSS all the tests pass.

Regarding your page, it looks good. Some feedback,

  • Review the lesson about giving meaningful text to links.
  • When using codepen it only expects the code you’d put within the <body> </body> element in HTML. (No need to include the body tags). For anything you want to add to <head> click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • The link to your font would go in the box labeled ‘Stuff for <head>’
3 Likes
5

@Roma thank you so much.

Now it is 10/10… The display block in the elements of the images was missing.

I also improved the link accessibility and adapted my code to CodePen as you recommend.

Thank you, I’m very happy with this result. :smile: