# Finally finished the Tribute Page and here is my experience!

**URL:** <https://forum.freecodecamp.org/t/finally-finished-the-tribute-page-and-here-is-my-experience/166991>\
**Category:** I Built This\
**Created:** [January 5, 2018, 5:04pm UTC](https://forum.freecodecamp.org/t/finally-finished-the-tribute-page-and-here-is-my-experience/166991 "2018-01-05T17:04:33Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Zunaid](https://avatars.discourse-cdn.com/v4/letter/z/c5a1d2/32.png) [@Zunaid](https://forum.freecodecamp.org/u/Zunaid)\
**Post date:** [January 5, 2018, 5:04pm UTC](https://forum.freecodecamp.org/t/finally-finished-the-tribute-page-and-here-is-my-experience/166991/1 "2018-01-05T17:04:33Z")

</div>

Hello Campers  
So finally I have finished the Tribute Page.

My Html was similar to the Html of the sample page because initially I recreated their page and went through their code to see what’s the difference. And as a result correct my markup. Later I created my own tribute page with some extra css.

My html was similar to their sample but there were few difference:

For example I used Figure class instead of thumbnail and added margin/padding classes to get the desired image style. But it was messy so I took their style. Also there were issues with my use of column. And I think I actually kept it. Another issue was I forgot to add the footer. I completely forgot that. Anyways after studying the code a bit I fixed the issues. And used their code and added my own style.

Another reason I checked their code was because my site was getting messed up when i reduce the size of the browser (at the smallest window it become too small else it was good) and I checked in many places but didn’t find solution. Later I realize there were some issue with codepen settings.

I hope it doesn’t disqualify me from claiming the certificate.

There are still many things I am not understanding. For example I had to use many inline css here because I couldn’t style those attribute from css menu eg. H1 tag. I think maybe somehow H1 has been prioritize in bootstrap to keep default style unless priority is increased my inline style. Who knows? Hopefully I will learn those as I learn more.

Here is my tribute page- Kitty Cat (sorry couldn’t really find any better title):

> **[My Tribute Page](https://codepen.io/Zunaid/pen/YYrovY)**
>
> Free Code Camp Challenge : Building a Tribute Page!...

PS. It seems codepen doesn’t allow privacy to free users. Many of my dummy codes were present when I tried to share.

---

<div class="post-metadata">

**Author:** ![Click800](https://avatars.discourse-cdn.com/v4/letter/c/da6949/32.png) [@Click800](https://forum.freecodecamp.org/u/Click800)\
**Post date:** [January 4, 2019, 2:34am UTC](https://forum.freecodecamp.org/t/finally-finished-the-tribute-page-and-here-is-my-experience/166991/2 "2019-01-04T02:34:59Z")

</div>

It looks like a great layout. However you still got some work to do to clean it up. Try running the “Select Test Suite: Tribute Page”. You must have 10 out of 10 to submit it.

---

<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 17, 2021, 5:41pm UTC](https://forum.freecodecamp.org/t/finally-finished-the-tribute-page-and-here-is-my-experience/166991/3 "2021-02-17T17:41:00Z")

</div>


