# This is my first tribute page

**URL:** <https://forum.freecodecamp.org/t/this-is-my-first-tribute-page/363000>\
**Category:** I Built This\
**Created:** [March 24, 2020, 6:44pm UTC](https://forum.freecodecamp.org/t/this-is-my-first-tribute-page/363000 "2020-03-24T18:44:39Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![im\_saurabhnegi](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/im_saurabhnegi/32/138260_2.png) [@im\_saurabhnegi](https://forum.freecodecamp.org/u/im_saurabhnegi)\
**Post date:** [March 24, 2020, 6:44pm UTC](https://forum.freecodecamp.org/t/this-is-my-first-tribute-page/363000/1 "2020-03-24T18:44:39Z")

</div>

[https://codepen.io/saurabh-singh-negi/pen/abORVQy](https://codepen.io/saurabh-singh-negi/pen/abORVQy) Please provide a feedback on how i can improve

---

<div class="post-metadata">

**Author:** ![KittyKora](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kittykora/32/124629_2.png) [@KittyKora](https://forum.freecodecamp.org/u/KittyKora)\
**Post date:** [March 24, 2020, 6:45pm UTC](https://forum.freecodecamp.org/t/this-is-my-first-tribute-page/363000/2 "2020-03-24T18:45:41Z")

</div>

Good job maybe add a little shadow to the picture?

---

<div class="post-metadata">

**Author:** ![im\_saurabhnegi](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/im_saurabhnegi/32/138260_2.png) [@im\_saurabhnegi](https://forum.freecodecamp.org/u/im_saurabhnegi)\
**Post date:** [March 24, 2020, 6:48pm UTC](https://forum.freecodecamp.org/t/this-is-my-first-tribute-page/363000/3 "2020-03-24T18:48:27Z")

</div>

I opened it on my phone. Doesn’t look good

---

<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 26, 2020, 5:54pm UTC](https://forum.freecodecamp.org/t/this-is-my-first-tribute-page/363000/4 "2020-03-26T17:54:19Z")

</div>

@im_saurabhnegi, your page looks okay. Some things to revisit;

- On using codepen. 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 `<head>` click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for \<head\>’ box.

- Since you made the dates bold to start each part of your timeline consider getting rid of the bullets

- Do not use the `<br>` element to force line breaks. Use margin and/or padding in CSS

- Review the [lesson about giving meaningful text](https://learn.freecodecamp.org/responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text) to links

- One a side note, the sample projects are just that, samples. It shows one way of doing it. You should try and come up with someone you’d like to tribute and make a page based on them giving it your own style.

> **[: The Line Break element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br)**
>
> The HTML br element produces a line break in text (carriage-return). It is useful for writing a poem or an address, where the division of lines is significant.

---

<div class="post-metadata">

**Author:** ![im\_saurabhnegi](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/im_saurabhnegi/32/138260_2.png) [@im\_saurabhnegi](https://forum.freecodecamp.org/u/im_saurabhnegi)\
**Post date:** [March 27, 2020, 3:12pm UTC](https://forum.freecodecamp.org/t/this-is-my-first-tribute-page/363000/5 "2020-03-27T15:12:43Z")

</div>

Thanks for the review. It was of great help

---

<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:** [June 1, 2021, 1:39pm UTC](https://forum.freecodecamp.org/t/this-is-my-first-tribute-page/363000/6 "2021-06-01T13:39:39Z")

</div>

Closed on June 1, 2021, 1:39pm UTC