Wangari Maathai Tribute Page

Here is a link to my tribute page. Suggestions are recommended
https://kalutu.github.io/tributePage/

Can I suggest making your picture responsive similar to your text?

Right now on smaller browsers your img stays the same size.

3 little minor things:
Your header is centered but your text and picture are left justified.

  1. You could center your image to flow with your header
  2. You could Justify your text so as the page changes size the text fills the whole screen.
  3. You could center your footer to match your header for flow.
1 Like

Hi,

Your page looks good.

Don’t forget to add the test script and make sure all tests are passing.

1 Like

noted,thanks for your suggestion :innocent:

I have made the suggested corrections.
Kindly reveiw the link to recorrect if needed

Nice job!

Remember suggestions are just that suggestions. You don’t need to implement them if you believe they don’t add to the value of what you are working on.

1 Like

Hhhhh okay
noted
Thank you for your contributation

Everything looks awesome to me. I suggest that you should make “click this link”,
“read more about Wangari Maathai”
Basically make the whole thing an a tag, and remove the click this link thing

1 Like

Thanks for your contribution

1 Like

Your page looks good @flamey. Some things to revisit;

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>)
    • The test script, with all tests passing, should be included when you submit your projects.
    • Your page passes 4/10 user stories. Click 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.
  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
  • Make your page responsive. Remember, the R in RWD stands for Responsive
    • There’s a horizontal scrollbar on large and small screens
1 Like