# Tribute Page centering help

**URL:** <https://forum.freecodecamp.org/t/tribute-page-centering-help/155134>\
**Category:** General\
**Created:** [October 25, 2017, 8:30pm UTC](https://forum.freecodecamp.org/t/tribute-page-centering-help/155134 "2017-10-25T20:30:45Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![aandrews19](https://avatars.discourse-cdn.com/v4/letter/a/8edcca/32.png) [@aandrews19](https://forum.freecodecamp.org/u/aandrews19)\
**Post date:** [October 25, 2017, 8:30pm UTC](https://forum.freecodecamp.org/t/tribute-page-centering-help/155134/1 "2017-10-25T20:30:45Z")

</div>

I cannot figure out how to get the image to fit the page properly, and cannot figure out why the timeline won’t center on the page. Please help!

> **[Tribute Page](https://codepen.io/aandrews19/pen/aLeorq/)**
>
> ...

---

<div class="post-metadata">

**Author:** ![anon52159105](https://avatars.discourse-cdn.com/v4/letter/a/45deac/32.png) [@anon52159105](https://forum.freecodecamp.org/u/anon52159105)\
**Post date:** [October 25, 2017, 8:48pm UTC](https://forum.freecodecamp.org/t/tribute-page-centering-help/155134/2 "2017-10-25T20:48:03Z")

</div>

Two issues with your code:

1. You should be using Bootstrap 3, not Bootstrap 4 Beta
2. You need to add class img-responsive and img-center to your image tag

```auto
<img src="imageURLgoesHereSmile" class="img-responsive img-center" />

```

See the version of your page I edited at [https://codepen.io/anon/pen/MENvoZ](https://codepen.io/anon/pen/MENvoZ)

---

<div class="post-metadata">

**Author:** ![aandrews19](https://avatars.discourse-cdn.com/v4/letter/a/8edcca/32.png) [@aandrews19](https://forum.freecodecamp.org/u/aandrews19)\
**Post date:** [October 26, 2017, 6:17pm UTC](https://forum.freecodecamp.org/t/tribute-page-centering-help/155134/3 "2017-10-26T18:17:46Z")

</div>

Thank you! How did that effect the centering of the timeline though? It doesn’t look like you changed anything with that.

---

<div class="post-metadata">

**Author:** ![anon52159105](https://avatars.discourse-cdn.com/v4/letter/a/45deac/32.png) [@anon52159105](https://forum.freecodecamp.org/u/anon52159105)\
**Post date:** [October 26, 2017, 8:33pm UTC](https://forum.freecodecamp.org/t/tribute-page-centering-help/155134/4 "2017-10-26T20:33:14Z")

</div>

Your bootstrap code was barely working until things were switched to Bootstrap 3. A lot of things were probably self resolved. The only code edits I made were to the img tag.

> [@aandrews19](#):
>
> Thank you! How did that effect the centering of the timeline though? It doesn’t look like you changed anything with that.

---

<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:** [January 17, 2021, 8:36pm UTC](https://forum.freecodecamp.org/t/tribute-page-centering-help/155134/5 "2021-01-17T20:36:29Z")

</div>