# Help: Build a Tribute Page

**URL:** <https://forum.freecodecamp.org/t/help-build-a-tribute-page/306734>\
**Category:** I Built This\
**Created:** [August 18, 2019, 11:19pm UTC](https://forum.freecodecamp.org/t/help-build-a-tribute-page/306734 "2019-08-18T23:19:42Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![lydiaspence](https://avatars.discourse-cdn.com/v4/letter/l/8e8cbc/32.png) [@lydiaspence](https://forum.freecodecamp.org/u/lydiaspence)\
**Post date:** [August 18, 2019, 11:19pm UTC](https://forum.freecodecamp.org/t/help-build-a-tribute-page/306734/1 "2019-08-18T23:19:42Z")

</div>

Hi all,

I need help with the picture and text below. It doesn’t seem to want to centre?  
Please find my Code pen below. Thanks  
[https://codepen.io/lydiaspence/pen/RwbRdOj](https://codepen.io/lydiaspence/pen/RwbRdOj)

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [August 18, 2019, 11:59pm UTC](https://forum.freecodecamp.org/t/help-build-a-tribute-page/306734/2 "2019-08-18T23:59:05Z")

</div>

Use the `auto` value for the left and right margins of the block in question (in this case the `.div-information` one). There’s no `align` property in CSS.

You may also want to use `max-width` instead of `width` to make it more responsive. It will cause the block to shrink when the viewport is not wide enough, but max out to 900px. Adding the auto margins to its sides will center it as well.

For the image, you may also want to use `margin: auto` to center it. However images are inline elements by default (they sort of behave like text), so margins don’t apply. Changing it to `display: block` allows for setting margins. You might also want to change its `width` to `max-width` so it only grows as much as its intrinsic width, not the width of the page.

* * *

Also some heads-up. You’re missing a `=` for `img-div` in the HTML.

---

<div class="post-metadata">

**Author:** ![lydiaspence](https://avatars.discourse-cdn.com/v4/letter/l/8e8cbc/32.png) [@lydiaspence](https://forum.freecodecamp.org/u/lydiaspence)\
**Post date:** [August 19, 2019, 12:05am UTC](https://forum.freecodecamp.org/t/help-build-a-tribute-page/306734/3 "2019-08-19T00:05:55Z")

</div>

thanks Kevcomedia, will try 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:** [February 6, 2021, 1:30pm UTC](https://forum.freecodecamp.org/t/help-build-a-tribute-page/306734/4 "2021-02-06T13:30:54Z")

</div>

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