# Tribute page img is not responsive

**URL:** <https://forum.freecodecamp.org/t/tribute-page-img-is-not-responsive/461726>\
**Category:** I Built This\
**Created:** [May 24, 2021, 7:55pm UTC](https://forum.freecodecamp.org/t/tribute-page-img-is-not-responsive/461726 "2021-05-24T19:55:08Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![neuzarssousa](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/neuzarssousa/32/218987_2.png) [@neuzarssousa](https://forum.freecodecamp.org/u/neuzarssousa)\
**Post date:** [May 24, 2021, 7:55pm UTC](https://forum.freecodecamp.org/t/tribute-page-img-is-not-responsive/461726/1 "2021-05-24T19:55:09Z")

</div>

One of the tests on my tribute page keeps failing:  
The ![]() element should responsively resize, relative to the width of its parent element, without exceeding its original size.  
I really don’t understand what I am doing wrong, since I am using max-width: 100% and height: auto.  
Can someone tell me what I am doing wrong?  
Here is my codepen: [https://codepen.io/neuzasousa/pen/KKavWGd](https://codepen.io/neuzasousa/pen/KKavWGd)

Any help will be much appreciated.

---

<div class="post-metadata">

**Author:** ![veljkocukic](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/veljkocukic/32/145358_2.png) [@veljkocukic](https://forum.freecodecamp.org/u/veljkocukic)\
**Post date:** [May 24, 2021, 8:14pm UTC](https://forum.freecodecamp.org/t/tribute-page-img-is-not-responsive/461726/2 "2021-05-24T20:14:32Z")

</div>

I’ve been looking at your code for a while now and I still have no idea what’s wrong with it, CSS acts like it’s not even connected to HTML when it comes to image. Be patient, someone will eventually figure it out, and I would like to see that also 😃

---

<div class="post-metadata">

**Author:** ![veljkocukic](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/veljkocukic/32/145358_2.png) [@veljkocukic](https://forum.freecodecamp.org/u/veljkocukic)\
**Post date:** [May 24, 2021, 8:29pm UTC](https://forum.freecodecamp.org/t/tribute-page-img-is-not-responsive/461726/3 "2021-05-24T20:29:38Z")

</div>

I found the problem. You had several semicolons ( **;** ) that were causing the problems. Just remove them from the code and it will work well.

Example:

```auto

#title {
  font-size: 1.25rem;
  margin-bottom: 0;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #333;
}; <---THIS WAS CAUSING THE ISSUES

header p {
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  color: #333;
  font-weight: normal;
}; <---THIS WAS CAUSING THE ISSUES

#img-div {
  background-color: white;
  padding: 10px;
  margin: 0;
}; <---THIS WAS CAUSING THE ISSUES

```

---

<div class="post-metadata">

**Author:** ![neuzarssousa](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/neuzarssousa/32/218987_2.png) [@neuzarssousa](https://forum.freecodecamp.org/u/neuzarssousa)\
**Post date:** [May 24, 2021, 8:53pm UTC](https://forum.freecodecamp.org/t/tribute-page-img-is-not-responsive/461726/5 "2021-05-24T20:53:37Z")

</div>

It worked! Thank you very much! ❤

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [November 23, 2021, 8:54am UTC](https://forum.freecodecamp.org/t/tribute-page-img-is-not-responsive/461726/6 "2021-11-23T08:54:36Z")

</div>

Closed on November 23, 2021, 8:54am UTC

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.