# Build-a-tribute-page

**URL:** <https://forum.freecodecamp.org/t/build-a-tribute-page/186951>\
**Category:** General\
**Created:** [April 21, 2018, 9:17pm UTC](https://forum.freecodecamp.org/t/build-a-tribute-page/186951 "2018-04-21T21:17:16Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![dreamleader](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/dreamleader/32/84213_2.png) [@dreamleader](https://forum.freecodecamp.org/u/dreamleader)\
**Post date:** [April 21, 2018, 9:17pm UTC](https://forum.freecodecamp.org/t/build-a-tribute-page/186951/1 "2018-04-21T21:17:16Z")

</div>

Hi all,  
Why are my borders not rounding in #image? I have tried different values other than 8%, eg, 50%, 20%. The corners are just doing nothing. Help!

**Your code so far**

```auto
#img-div {
  margin-top: 20px;
  padding: 20px 20px;
}

#image {
  border-radius: 8px;
}

```

**Your browser information:**

User Agent is: `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36`.

**Link to the challenge:**  
[https://codepen.io/dreamleader9/pen/erYqLp](https://codepen.io/dreamleader9/pen/erYqLp)

---

<div class="post-metadata">

**Author:** ![ArielLeslie](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/arielleslie/32/264841_2.png) [@ArielLeslie](https://forum.freecodecamp.org/u/ArielLeslie)\
**Post date:** [April 21, 2018, 9:44pm UTC](https://forum.freecodecamp.org/t/build-a-tribute-page/186951/2 "2018-04-21T21:44:21Z")

</div>

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See [this post](http://forum.freecodecamp.com/t/forum-code-formatting/25574) to find the backtick on your keyboard. The “preformatted text” tool in the editor (`</>`) will also add backticks around text.

![markdown_Forums](https://sea3.discourse-cdn.com/freecodecamp/uploads/default/original/3X/4/b/4b9a26f0c243380dd84935f4e29b92e3ecee8d05.gif)

---

<div class="post-metadata">

**Author:** ![ArielLeslie](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/arielleslie/32/264841_2.png) [@ArielLeslie](https://forum.freecodecamp.org/u/ArielLeslie)\
**Post date:** [April 21, 2018, 9:45pm UTC](https://forum.freecodecamp.org/t/build-a-tribute-page/186951/3 "2018-04-21T21:45:17Z")

</div>

Can you link to your actual project?

---

<div class="post-metadata">

**Author:** ![Admadary](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/admadary/32/117667_2.png) [@Admadary](https://forum.freecodecamp.org/u/Admadary)\
**Post date:** [April 21, 2018, 9:49pm UTC](https://forum.freecodecamp.org/t/build-a-tribute-page/186951/4 "2018-04-21T21:49:41Z")

</div>

We can’t help you. We need the link of the project first.

---

<div class="post-metadata">

**Author:** ![dreamleader](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/dreamleader/32/84213_2.png) [@dreamleader](https://forum.freecodecamp.org/u/dreamleader)\
**Post date:** [April 21, 2018, 10:05pm UTC](https://forum.freecodecamp.org/t/build-a-tribute-page/186951/5 "2018-04-21T22:05:29Z")

</div>

I have now added a link to the Codepen project in post #1 above. Next time I will use backticks - this is my first time posting. 🙂

---

<div class="post-metadata">

**Author:** ![SpaniardDev](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/spaniarddev/32/89850_2.png) [@SpaniardDev](https://forum.freecodecamp.org/u/SpaniardDev)\
**Post date:** [April 21, 2018, 10:23pm UTC](https://forum.freecodecamp.org/t/build-a-tribute-page/186951/6 "2018-04-21T22:23:05Z")

</div>

The image is not loading for me.

Your problem is that you are setting a border-radius to the parent div instead of the actual image.

---

<div class="post-metadata">

**Author:** ![dreamleader](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/dreamleader/32/84213_2.png) [@dreamleader](https://forum.freecodecamp.org/u/dreamleader)\
**Post date:** [April 21, 2018, 10:26pm UTC](https://forum.freecodecamp.org/t/build-a-tribute-page/186951/7 "2018-04-21T22:26:28Z")

</div>

Aaah! Of course, thanks for your help! You are right, I did confuse the #image div for the actual img. It makes sense now. I appreciate your help figuring this out.

---

<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 16, 2021, 6:04pm UTC](https://forum.freecodecamp.org/t/build-a-tribute-page/186951/8 "2021-01-16T18:04:54Z")

</div>