# Tribute Page -APJ Abdul Kalam

**URL:** <https://forum.freecodecamp.org/t/tribute-page-apj-abdul-kalam/204346>\
**Category:** I Built This\
**Created:** [June 27, 2018, 6:21pm UTC](https://forum.freecodecamp.org/t/tribute-page-apj-abdul-kalam/204346 "2018-06-27T18:21:36Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rishabh7](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/rishabh7/32/86894_2.png) [@Rishabh7](https://forum.freecodecamp.org/u/Rishabh7)\
**Post date:** [June 27, 2018, 6:21pm UTC](https://forum.freecodecamp.org/t/tribute-page-apj-abdul-kalam/204346/1 "2018-06-27T18:21:36Z")

</div>

Hi there, It’s my second attempt at making a tribute page and first at responsive one. Though I have not used bootstrap in there but still think it should work properly on most devices. It would be very kind of you, if you can provide some feedback on this one.Thank You! 🙂  
[Codepen link](https://codepen.io/rishabhjha/pen/RJeqXR)

---

<div class="post-metadata">

**Author:** ![jmmarco](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jmmarco/32/1289_2.png) [@jmmarco](https://forum.freecodecamp.org/u/jmmarco)\
**Post date:** [June 27, 2018, 6:52pm UTC](https://forum.freecodecamp.org/t/tribute-page-apj-abdul-kalam/204346/2 "2018-06-27T18:52:45Z")

</div>

Hi Rishbh7, it looks like you still need to to pass one of the tests. The issue seems to be with the main image of your tribute page. You should make the image responsive by adding the following ruleset:

```auto
img {
  max-width: 100%;
  height: auto;
}

```

Tip: Use a class or ID to target it better (instead of just `img`). If you need to make the image bigger or smaller, then adjust the size of the parent container `img-div`.

Also, the `<center>` should not be used in the HTML to center elements (it’s old). If you want to center an image, the usual approach is to make it a block level element, then use `margin: auto` on it. Like this:

```auto
img {
  display: block;
  margin: auto;
}

```

Hope that helps a bit!

---

<div class="post-metadata">

**Author:** ![Rishabh7](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/rishabh7/32/86894_2.png) [@Rishabh7](https://forum.freecodecamp.org/u/Rishabh7)\
**Post date:** [June 30, 2018, 11:16am UTC](https://forum.freecodecamp.org/t/tribute-page-apj-abdul-kalam/204346/3 "2018-06-30T11:16:41Z")

</div>

Thanks marco, and yeah thanks for the suggestion as well, i’ll keep in mind from the next time.

---

<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:48pm UTC](https://forum.freecodecamp.org/t/tribute-page-apj-abdul-kalam/204346/4 "2021-06-01T13:48:34Z")

</div>