# My take on Tribute Page Project **URL:** \ **Category:** Web Development Bootcamp\ **Created:** [October 3, 2022, 8:49pm UTC](https://group.classcentral.com/t/my-take-on-tribute-page-project/35902 "2022-10-03T20:49:50Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![thehappycoder](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/thehappycoder/32/5732_2.png) [@thehappycoder](https://group.classcentral.com/u/thehappycoder)\ **Post date:** [October 3, 2022, 8:49pm UTC](https://group.classcentral.com/t/my-take-on-tribute-page-project/35902/1 "2022-10-03T20:49:50Z")
Hello everyone!! Here is my take on tribute page project! As always, I am open to any feedback and hungry to learn more. Check out my project [here](https://ramyaparimi.github.io/tribute-page-project.github.io/), hosted on GitHub pages. Here is my code for HTML [tribute-page-project.github.io/index.html at main · ramyaparimi/tribute-page-project.github.io · GitHub](https://github.com/ramyaparimi/tribute-page-project.github.io/blob/main/index.html) Code for CSS [tribute-page-project.github.io/styles.css at main · ramyaparimi/tribute-page-project.github.io · GitHub](https://github.com/ramyaparimi/tribute-page-project.github.io/blob/main/styles.css) ---
**Author:** ![Timiphil](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/timiphil/32/5367_2.png) [@Timiphil](https://group.classcentral.com/u/Timiphil)\ **Post date:** [October 4, 2022, 9:27am UTC](https://group.classcentral.com/t/my-take-on-tribute-page-project/35902/2 "2022-10-04T09:27:58Z")
Your HTML and CSS syntax is good. Beautiful background colour, clear picture and excellent listing messages to tell the story. however, i can suggest that you make use of google fonts in any other projects, there are varieties that you can choose from and also, make use of variables, like we learnt yesterday. for example: ```auto :root { --building-color1: #aa80ff; --building-color2: #66cc99; --building-color3: #cc6699; --building-color4: #538cc6; ``` All in all, you did a job. Thanks for sharing!👍🏾 ---
**Author:** ![thehappycoder](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/thehappycoder/32/5732_2.png) [@thehappycoder](https://group.classcentral.com/u/thehappycoder)\ **Post date:** [October 4, 2022, 2:23pm UTC](https://group.classcentral.com/t/my-take-on-tribute-page-project/35902/3 "2022-10-04T14:23:01Z")
Thank you for takin a look and giving me the feedback @Timiphil ! ---
**Author:** ![carlost2672543](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/carlost2672543/32/4162_2.png) [@carlost2672543](https://group.classcentral.com/u/carlost2672543)\ **Post date:** [October 4, 2022, 2:47pm UTC](https://group.classcentral.com/t/my-take-on-tribute-page-project/35902/4 "2022-10-04T14:47:10Z")
Hi @thehappycoder Ramya You are good!!! 🕶 I have tried to break your code and have saw this: . in wide screens the box around the hero image it doesn’t look so good, I would probably break the `figcaption` text in two lines, . when I have stretched the window the hero and time line section look too stretch, I think . when I zoom in and out the layout doesn’t look that pretty and text either A fantastic CSS function what you probably will like to experiment with… [clamp()](https://developer.mozilla.org/en-US/docs/Web/CSS/clamp) ;D Another idea… playing with `border-radius` to give any corner a different style, that way it won’t look like boxes, it could be a good idea too. Not sure. But all this is because I have been mean with your code (it could be envy 😆), as I say you are good and you are doing fantastic!! That is just for get the best grade!! 😄 Be proud of yourself Ramya. 👌 👏 👏 👏 Happy coding! ---
**Author:** ![syllie](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/syllie/32/6257_2.png) [@syllie](https://group.classcentral.com/u/syllie)\ **Post date:** [October 4, 2022, 8:56pm UTC](https://group.classcentral.com/t/my-take-on-tribute-page-project/35902/5 "2022-10-04T20:56:03Z")
That looks awesome! Well done! As you can see from the feedback these are only suggestions which you can take up or ignore as you like. You chose a great hero for your tribute page. Nice! ---
**Author:** ![nurainiapanti2925855](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/nurainiapanti2925855/32/5857_2.png) [@nurainiapanti2925855](https://group.classcentral.com/u/nurainiapanti2925855)\ **Post date:** [October 26, 2022, 3:22pm UTC](https://group.classcentral.com/t/my-take-on-tribute-page-project/35902/6 "2022-10-26T15:22:06Z")
@syllie y is it dat I can’t download my certificate y … ---
**Author:** ![carlost2672543](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/carlost2672543/32/4162_2.png) [@carlost2672543](https://group.classcentral.com/u/carlost2672543)\ **Post date:** [October 26, 2022, 5:21pm UTC](https://group.classcentral.com/t/my-take-on-tribute-page-project/35902/7 "2022-10-26T17:21:25Z")
Hi Nuraini A panti When you click on _ **Go to settings to claim your certification** _ you see in your _ **Responsive Web Design** _ section that every project has the solution at its right side? Apart of that, in _ **Privacy Settings** _, above that section, you need to switch on to **PUBLIC** the following: ``` **My profile** **My name** (necesary to see your name in the certification, though) **My certifications** **My timeline** ``` I hope this helps, if don’t contact with _freeCodeCamp_ support in the _ **Forum** _. Happy coding!! ---
**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/ccstudygroup/original/1X/36206832181ed26910a18e33d8bfef087cf661b1.svg) [@system](https://group.classcentral.com/u/system)\ **Post date:** [December 10, 2022, 5:21pm UTC](https://group.classcentral.com/t/my-take-on-tribute-page-project/35902/8 "2022-12-10T17:21:48Z")
This topic was automatically closed 45 days after the last reply. New replies are no longer allowed.