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.