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

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.

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

You can also hide the overflow on the container.

.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.

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

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

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.