# Tribute page - first project ever

**URL:** <https://forum.freecodecamp.org/t/tribute-page-first-project-ever/278498>\
**Category:** I Built This\
**Created:** [May 20, 2019, 12:46pm UTC](https://forum.freecodecamp.org/t/tribute-page-first-project-ever/278498 "2019-05-20T12:46:41Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kate4](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kate4/32/111927_2.png) [@Kate4](https://forum.freecodecamp.org/u/Kate4)\
**Post date:** [May 20, 2019, 12:46pm UTC](https://forum.freecodecamp.org/t/tribute-page-first-project-ever/278498/1 "2019-05-20T12:46:41Z")

</div>

Hi,  
Finally finished my first project and need your opinion! Please take a look and give some feedback,  
thank you 🙂

[https://codepen.io/kattty/full/oRWWVW](https://codepen.io/kattty/full/oRWWVW)

---

<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:** [May 20, 2019, 1:00pm UTC](https://forum.freecodecamp.org/t/tribute-page-first-project-ever/278498/2 "2019-05-20T13:00:06Z")

</div>

It looks good @Kate4.  
My only feedback is that you’re using in-line styling for two of your paragraph elements and for one of your header elements. That styling should be done in CSS.  
Also, try to not use the `<br>` element. You can add margin or padding in CSS instead.

---

<div class="post-metadata">

**Author:** ![Kate4](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kate4/32/111927_2.png) [@Kate4](https://forum.freecodecamp.org/u/Kate4)\
**Post date:** [May 20, 2019, 6:46pm UTC](https://forum.freecodecamp.org/t/tribute-page-first-project-ever/278498/3 "2019-05-20T18:46:24Z")

</div>

Thanks a lot for advise, it makes sense))

---

<div class="post-metadata">

**Author:** ![hatbearingoctopus](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hatbearingoctopus/32/109747_2.png) [@hatbearingoctopus](https://forum.freecodecamp.org/u/hatbearingoctopus)\
**Post date:** [May 20, 2019, 6:49pm UTC](https://forum.freecodecamp.org/t/tribute-page-first-project-ever/278498/4 "2019-05-20T18:49:28Z")

</div>

congrats on completing your first project! Other than doing your styling in CSS like Kate mentioned I think you did great.

---

<div class="post-metadata">

**Author:** ![Kate4](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kate4/32/111927_2.png) [@Kate4](https://forum.freecodecamp.org/u/Kate4)\
**Post date:** [May 20, 2019, 7:35pm UTC](https://forum.freecodecamp.org/t/tribute-page-first-project-ever/278498/5 "2019-05-20T19:35:58Z")

</div>

Thank you so much 🙂

---

<div class="post-metadata">

**Author:** ![logancollman](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/logancollman/32/116019_2.png) [@logancollman](https://forum.freecodecamp.org/u/logancollman)\
**Post date:** [May 21, 2019, 12:00am UTC](https://forum.freecodecamp.org/t/tribute-page-first-project-ever/278498/6 "2019-05-21T00:00:53Z")

</div>

> [@Kate4](#):
>
> [https://codepen.io/kattty/full/oRWWVW](https://codepen.io/kattty/full/oRWWVW)

Looks great! You a sucker for text-shadow’s on headers, too? 😛

---

<div class="post-metadata">

**Author:** ![Kate4](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kate4/32/111927_2.png) [@Kate4](https://forum.freecodecamp.org/u/Kate4)\
**Post date:** [May 21, 2019, 8:29am UTC](https://forum.freecodecamp.org/t/tribute-page-first-project-ever/278498/7 "2019-05-21T08:29:17Z")

</div>

didn’t know what to come up with for that header, really =)

---

<div class="post-metadata">

**Author:** ![SalimDev](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/salimdev/32/114342_2.png) [@SalimDev](https://forum.freecodecamp.org/u/SalimDev)\
**Post date:** [May 21, 2019, 10:51am UTC](https://forum.freecodecamp.org/t/tribute-page-first-project-ever/278498/8 "2019-05-21T10:51:34Z")

</div>

You did an awesome job 👌👏

---

<div class="post-metadata">

**Author:** ![mrnockz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/mrnockz/32/116387_2.png) [@mrnockz](https://forum.freecodecamp.org/u/mrnockz)\
**Post date:** [May 21, 2019, 12:39pm UTC](https://forum.freecodecamp.org/t/tribute-page-first-project-ever/278498/9 "2019-05-21T12:39:43Z")

</div>

Congratulations on completing your first project. You did well. Just to add my 2 cents, I think you should use heading tags (h1-h6) for headings. eg (h4 on Some statistics), just to show its a heading for the underneath list. Or maybe make the text bold instead

---

<div class="post-metadata">

**Author:** ![Kate4](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kate4/32/111927_2.png) [@Kate4](https://forum.freecodecamp.org/u/Kate4)\
**Post date:** [May 21, 2019, 1:31pm UTC](https://forum.freecodecamp.org/t/tribute-page-first-project-ever/278498/10 "2019-05-21T13:31:52Z")

</div>

Ok, thanks for feedback)

---

<div class="post-metadata">

**Author:** ![ansdb](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ansdb/32/130741_2.png) [@ansdb](https://forum.freecodecamp.org/u/ansdb)\
**Post date:** [May 21, 2019, 3:23pm UTC](https://forum.freecodecamp.org/t/tribute-page-first-project-ever/278498/11 "2019-05-21T15:23:50Z")

</div>

Good work the page is clean and neat, I think you just need to add **line-height** property in CSS to make the text a little bit clear 🙂

---

<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:36pm UTC](https://forum.freecodecamp.org/t/tribute-page-first-project-ever/278498/12 "2021-02-06T13:36:58Z")

</div>

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


