# Feedback on my first tribute page - new to coding

**URL:** <https://forum.freecodecamp.org/t/feedback-on-my-first-tribute-page-new-to-coding/307999>\
**Category:** I Built This\
**Created:** [August 22, 2019, 9:38am UTC](https://forum.freecodecamp.org/t/feedback-on-my-first-tribute-page-new-to-coding/307999 "2019-08-22T09:38:21Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![remcoudb](https://avatars.discourse-cdn.com/v4/letter/r/7993a0/32.png) [@remcoudb](https://forum.freecodecamp.org/u/remcoudb)\
**Post date:** [August 22, 2019, 9:38am UTC](https://forum.freecodecamp.org/t/feedback-on-my-first-tribute-page-new-to-coding/307999/1 "2019-08-22T09:38:21Z")

</div>

Hi all,

I recently started the adventure of learning how to code and I love it so far! I now have built my first simple tribute page. And as I’m new I don’t know if it’s built right:) I’d be great if someone could give feedback on it. Thanks in advance.

[https://codepen.io/remcoudb/pen/LwdYpz](https://codepen.io/remcoudb/pen/LwdYpz)

Remco

---

<div class="post-metadata">

**Author:** ![michel-z](https://avatars.discourse-cdn.com/v4/letter/m/cc9497/32.png) [@michel-z](https://forum.freecodecamp.org/u/michel-z)\
**Post date:** [August 22, 2019, 10:50am UTC](https://forum.freecodecamp.org/t/feedback-on-my-first-tribute-page-new-to-coding/307999/2 "2019-08-22T10:50:45Z")

</div>

- There are some spelling mistakes: “revolutionazid”, “studenst” and “habe”
- The dots for the list items start all the way at the left, but the text itself is centered, which looks off. Go for `text-align: left` and add `margin-left` as you see fit.

---

<div class="post-metadata">

**Author:** ![remcoudb](https://avatars.discourse-cdn.com/v4/letter/r/7993a0/32.png) [@remcoudb](https://forum.freecodecamp.org/u/remcoudb)\
**Post date:** [August 22, 2019, 11:37am UTC](https://forum.freecodecamp.org/t/feedback-on-my-first-tribute-page-new-to-coding/307999/3 "2019-08-22T11:37:56Z")

</div>

Thanks for the feedback! I changed the spelling mistakes,I did noticed the dot’s on the list look off. I think I fixed it correctly now.

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [August 22, 2019, 1:42pm UTC](https://forum.freecodecamp.org/t/feedback-on-my-first-tribute-page-new-to-coding/307999/4 "2019-08-22T13:42:51Z")

</div>

Hi @remcoudb, welcome to the forums. You page looks good for a start but there are some things you should go back and revisit.

- codepen only expects the code you’d put within the `<body> </body>` tags in HTML. (No need to include the body tags). For anything you want to add to the `<head>` click on the ‘Settings’ button and add it into the ‘Stuff for \<head\>’ box.
  - As an aside, it’s an error to have the `<h1>` element outside of the `<body>` tag. All of the code for your page would be inside it.

- codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link.
  - You have some typo’s in CSS that will affect how your page displays

- keep the test script when forking the pen (`<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`). Your page passes 5/10 user stories.
- I noticed you call two different fonts in CSS but you don’t have a link to them (in HTML) nor have you imported them (in CSS). You’ll need to do one or the other. You should also have a fall back font. Do some research on how to use a custom font for your page.

---

<div class="post-metadata">

**Author:** ![Fanie](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/fanie/32/115126_2.png) [@Fanie](https://forum.freecodecamp.org/u/Fanie)\
**Post date:** [August 22, 2019, 1:55pm UTC](https://forum.freecodecamp.org/t/feedback-on-my-first-tribute-page-new-to-coding/307999/5 "2019-08-22T13:55:18Z")

</div>

welcome. i will like to point something out. your img-caption color is white and it is hard to see on that background, one more thing your pic looks a bit to a side if you can try to center it it will looks better.

---

<div class="post-metadata">

**Author:** ![hong06ty](https://avatars.discourse-cdn.com/v4/letter/h/59ef9b/32.png) [@hong06ty](https://forum.freecodecamp.org/u/hong06ty)\
**Post date:** [August 22, 2019, 2:32pm UTC](https://forum.freecodecamp.org/t/feedback-on-my-first-tribute-page-new-to-coding/307999/6 "2019-08-22T14:32:18Z")

</div>

Hey,

The caption “dr. Charles Darwin” needs to be capitalized to “Dr. Charles Darwin”.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [February 6, 2021, 1:30pm UTC](https://forum.freecodecamp.org/t/feedback-on-my-first-tribute-page-new-to-coding/307999/7 "2021-02-06T13:30:44Z")

</div>