# Feedback on Tribute Page-New Coder

**URL:** <https://forum.freecodecamp.org/t/feedback-on-tribute-page-new-coder/267986>\
**Category:** I Built This\
**Created:** [March 29, 2019, 4:17am UTC](https://forum.freecodecamp.org/t/feedback-on-tribute-page-new-coder/267986 "2019-03-29T04:17:49Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![sydneyliuwho](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sydneyliuwho/32/109555_2.png) [@sydneyliuwho](https://forum.freecodecamp.org/u/sydneyliuwho)\
**Post date:** [March 29, 2019, 4:17am UTC](https://forum.freecodecamp.org/t/feedback-on-tribute-page-new-coder/267986/1 "2019-03-29T04:17:50Z")

</div>

Hi everyone!

I recently started learning to code and have completed my first project, building a tribute page. My code lives here: [https://codepen.io/sydneyliuwho/pen/WPEEQB](https://codepen.io/sydneyliuwho/pen/WPEEQB)

My page passed all the tests, but I want to know how the code could be written in a better or cleaner manner. If you could give me some advice, it would be greatly appreciated. Thank you and happy coding!

-Sydney

---

<div class="post-metadata">

**Author:** ![chuckadams](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/chuckadams/32/109651_2.png) [@chuckadams](https://forum.freecodecamp.org/u/chuckadams)\
**Post date:** [March 29, 2019, 12:15pm UTC](https://forum.freecodecamp.org/t/feedback-on-tribute-page-new-coder/267986/2 "2019-03-29T12:15:38Z")

</div>

I’d say your code looks just fine. Don’t worry about perfection in your starter projects: as you learn more techniques, you’ll apply them to later projects, and you can always go back to your older projects and apply them there too.

One tip for future reference is you might want to look into using more semantic markup, such as `<article>`, `<section>`, `<header>`, `<footer>` and `<aside>` rather than just divs. There’s not many places to apply this markup in something as trivial as the tribute page, however, but you’ll want to keep them in mind for the more complex projects that are coming up.

---

<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:** [March 29, 2019, 12:59pm UTC](https://forum.freecodecamp.org/t/feedback-on-tribute-page-new-coder/267986/3 "2019-03-29T12:59:54Z")

</div>

Hi @sydneyliuwho…now I’m hungry for Key Lime Pie. Nice!

One thing I’d suggest for cleaning up your code a little is to use the validator that codepen provides. In both the HTML and CSS sections click on the arrow in the upper right and then click on ‘Analyze HTML’ and ‘Analyze CSS’ respectively. There’s a couple of little things in each that you can look into cleaning up.

---

<div class="post-metadata">

**Author:** ![SunKnightOrion](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sunknightorion/32/113164_2.png) [@SunKnightOrion](https://forum.freecodecamp.org/u/SunKnightOrion)\
**Post date:** [March 29, 2019, 6:35pm UTC](https://forum.freecodecamp.org/t/feedback-on-tribute-page-new-coder/267986/4 "2019-03-29T18:35:20Z")

</div>

Hello!  
Tribute page about bakery is so much creative. I would have never thought. More over it is very beautiful.  
One thing feels not so appropriate to User Story. `id=“tribute-info”` in sample case contains a timeline. In your case I would give this `id` to the `div` which now takes the “body” class.  
By the way a `</div>` at the end is missing. So `id=“main”` isn’t wrapping everything up.

---

<div class="post-metadata">

**Author:** ![SunKnightOrion](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sunknightorion/32/113164_2.png) [@SunKnightOrion](https://forum.freecodecamp.org/u/SunKnightOrion)\
**Post date:** [March 29, 2019, 8:14pm UTC](https://forum.freecodecamp.org/t/feedback-on-tribute-page-new-coder/267986/5 "2019-03-29T20:14:25Z")

</div>

I forked it up and played with code a little bit. Take a look if you would like [https://codepen.io/Orinbay\_Kombinator/pen/bJbqMg](https://codepen.io/Orinbay_Kombinator/pen/bJbqMg)

---

<div class="post-metadata">

**Author:** ![sydneyliuwho](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sydneyliuwho/32/109555_2.png) [@sydneyliuwho](https://forum.freecodecamp.org/u/sydneyliuwho)\
**Post date:** [March 31, 2019, 9:17pm UTC](https://forum.freecodecamp.org/t/feedback-on-tribute-page-new-coder/267986/6 "2019-03-31T21:17:51Z")

</div>

Thank you for your feedback! I appreciate it. I will make note of this so I can apply it to future projects as there becomes more opportunity. I am working on a survey form now so I will be able to apply it there. Thanks again!

---

<div class="post-metadata">

**Author:** ![sydneyliuwho](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sydneyliuwho/32/109555_2.png) [@sydneyliuwho](https://forum.freecodecamp.org/u/sydneyliuwho)\
**Post date:** [March 31, 2019, 9:25pm UTC](https://forum.freecodecamp.org/t/feedback-on-tribute-page-new-coder/267986/7 "2019-03-31T21:25:27Z")

</div>

Hi @Roma,

Thank you for your feedback. I analyzed my code and corrected all my errors. Thanks for your help!

---

<div class="post-metadata">

**Author:** ![sydneyliuwho](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sydneyliuwho/32/109555_2.png) [@sydneyliuwho](https://forum.freecodecamp.org/u/sydneyliuwho)\
**Post date:** [April 12, 2019, 4:56am UTC](https://forum.freecodecamp.org/t/feedback-on-tribute-page-new-coder/267986/8 "2019-04-12T04:56:52Z")

</div>

Thanks so much for your feedback! Are you saying that id=“tribute-info” doesn’t make sense, or that it is placed incorrectly? Thanks for noticing that a at the end was missing!

---

<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:39pm UTC](https://forum.freecodecamp.org/t/feedback-on-tribute-page-new-coder/267986/9 "2021-02-06T13:39:21Z")

</div>

Closed on February 6, 2021, 1:39pm UTC