# Tribute page not responsive

**URL:** <https://forum.freecodecamp.org/t/tribute-page-not-responsive/248163>\
**Category:** General\
**Created:** [December 28, 2018, 10:11pm UTC](https://forum.freecodecamp.org/t/tribute-page-not-responsive/248163 "2018-12-28T22:11:38Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![aijnew](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/aijnew/32/107163_2.png) [@aijnew](https://forum.freecodecamp.org/u/aijnew)\
**Post date:** [December 28, 2018, 10:11pm UTC](https://forum.freecodecamp.org/t/tribute-page-not-responsive/248163/1 "2018-12-28T22:11:38Z")

</div>

I am unable to pass the last responsive test. It says I need to use max-width on the parent img element but I think I already am…

> **[Fork Me! FCC: Test Suite Template](https://codepen.io/aijnew/pen/pqWdoy)**
>
> ...

---

<div class="post-metadata">

**Author:** ![TomerPacific](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/tomerpacific/32/158967_2.png) [@TomerPacific](https://forum.freecodecamp.org/u/TomerPacific)\
**Post date:** [December 28, 2018, 10:14pm UTC](https://forum.freecodecamp.org/t/tribute-page-not-responsive/248163/2 "2018-12-28T22:14:03Z")

</div>

@aijnew,

I think you need to use it on the img element itself and not on the div. Meaning, not img-div, but image.

---

<div class="post-metadata">

**Author:** ![tkhquang](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/tkhquang/32/107686_2.png) [@tkhquang](https://forum.freecodecamp.org/u/tkhquang)\
**Post date:** [December 28, 2018, 10:18pm UTC](https://forum.freecodecamp.org/t/tribute-page-not-responsive/248163/3 "2018-12-28T22:18:33Z")

</div>

[This](https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/make-an-image-responsive/) contains the answer you need. You need to make the image scale with the screen while maintaining the ratio.

---

<div class="post-metadata">

**Author:** ![aijnew](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/aijnew/32/107163_2.png) [@aijnew](https://forum.freecodecamp.org/u/aijnew)\
**Post date:** [December 28, 2018, 11:35pm UTC](https://forum.freecodecamp.org/t/tribute-page-not-responsive/248163/4 "2018-12-28T23:35:49Z")

</div>

I added max-width to image just like the example and still no progress… Sorry guys.

---

<div class="post-metadata">

**Author:** ![TomerPacific](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/tomerpacific/32/158967_2.png) [@TomerPacific](https://forum.freecodecamp.org/u/TomerPacific)\
**Post date:** [December 29, 2018, 9:23am UTC](https://forum.freecodecamp.org/t/tribute-page-not-responsive/248163/5 "2018-12-29T09:23:36Z")

</div>

Add this to your img element:

```auto
img {
  display:block;
  margin: auto;
  max-width: 500px;
}

Tests pass.

```

---

<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:07pm UTC](https://forum.freecodecamp.org/t/tribute-page-not-responsive/248163/6 "2021-01-17T20:07:22Z")

</div>

Closed on January 17, 2021, 8:07pm UTC