# Tribute Page my corners are not being rounded on my image, need help

**URL:** <https://forum.freecodecamp.org/t/tribute-page-my-corners-are-not-being-rounded-on-my-image-need-help/418338>\
**Category:** General\
**Created:** [September 1, 2020, 3:34am UTC](https://forum.freecodecamp.org/t/tribute-page-my-corners-are-not-being-rounded-on-my-image-need-help/418338 "2020-09-01T03:34:05Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![fonseca135](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/fonseca135/32/134270_2.png) [@fonseca135](https://forum.freecodecamp.org/u/fonseca135)\
**Post date:** [September 1, 2020, 3:34am UTC](https://forum.freecodecamp.org/t/tribute-page-my-corners-are-not-being-rounded-on-my-image-need-help/418338/1 "2020-09-01T03:34:05Z")

</div>

> **[Tribute Page](https://codepen.io/mario-fonseca/pen/WNwORmO)**
>
> ...

---

<div class="post-metadata">

**Author:** ![darren-stoll](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/darren-stoll/32/174491_2.png) [@darren-stoll](https://forum.freecodecamp.org/u/darren-stoll)\
**Post date:** [September 1, 2020, 3:58am UTC](https://forum.freecodecamp.org/t/tribute-page-my-corners-are-not-being-rounded-on-my-image-need-help/418338/2 "2020-09-01T03:58:38Z")

</div>

The img tag itself will also need a “border-radius” property in its style. You can either add it inline, or you can add it as another class in your css file and apply it to the img tag.

---

<div class="post-metadata">

**Author:** ![GabrilRIP](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/gabrilrip/32/171084_2.png) [@GabrilRIP](https://forum.freecodecamp.org/u/GabrilRIP)\
**Post date:** [September 1, 2020, 4:38am UTC](https://forum.freecodecamp.org/t/tribute-page-my-corners-are-not-being-rounded-on-my-image-need-help/418338/3 "2020-09-01T04:38:58Z")

</div>

I only modified it a little, but if you make it more orderly and in its corresponding labels it is easier to work

> **[ZEWJoXj](https://codepen.io/gabrielrip/pen/ZEWJoXj)**
>
> ...

---

<div class="post-metadata">

**Author:** ![lasjorg](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lasjorg/32/280761_2.png) [@lasjorg](https://forum.freecodecamp.org/u/lasjorg)\
**Post date:** [September 1, 2020, 5:11am UTC](https://forum.freecodecamp.org/t/tribute-page-my-corners-are-not-being-rounded-on-my-image-need-help/418338/4 "2020-09-01T05:11:12Z")

</div>

You can also hide the overflow on the container.

```auto
.image {
  margin: auto;
  width: 50%;
  border-style: solid;
  border-radius: 15px;
  overflow: hidden;
}

.image img {
  display: block;
  width: 100%;
}

```

Or, as said, just set the radius on the image.

---

<div class="post-metadata">

**Author:** ![fonseca135](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/fonseca135/32/134270_2.png) [@fonseca135](https://forum.freecodecamp.org/u/fonseca135)\
**Post date:** [September 1, 2020, 5:36am UTC](https://forum.freecodecamp.org/t/tribute-page-my-corners-are-not-being-rounded-on-my-image-need-help/418338/5 "2020-09-01T05:36:19Z")

</div>

thanks a lot, I’ll know now in the future.

---

<div class="post-metadata">

**Author:** ![fonseca135](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/fonseca135/32/134270_2.png) [@fonseca135](https://forum.freecodecamp.org/u/fonseca135)\
**Post date:** [September 1, 2020, 5:44am UTC](https://forum.freecodecamp.org/t/tribute-page-my-corners-are-not-being-rounded-on-my-image-need-help/418338/6 "2020-09-01T05:44:15Z")

</div>

thanks a lot, I’ll definitely add some of these styling tips for the future.

---

<div class="post-metadata">

**Author:** ![fonseca135](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/fonseca135/32/134270_2.png) [@fonseca135](https://forum.freecodecamp.org/u/fonseca135)\
**Post date:** [September 1, 2020, 5:45am UTC](https://forum.freecodecamp.org/t/tribute-page-my-corners-are-not-being-rounded-on-my-image-need-help/418338/7 "2020-09-01T05:45:57Z")

</div>

thanks, thats a good trick to know, yeah I thought maybe there was a way to get around without adding the img tag and having properties on it, just by adding classes or ids.

---

<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, 6:41pm UTC](https://forum.freecodecamp.org/t/tribute-page-my-corners-are-not-being-rounded-on-my-image-need-help/418338/8 "2021-06-01T18:41:41Z")

</div>