What is happening? In this border-radius excercise, the rounding was applied to the image but it’s the border that got rounded! The image has sharp 90 degree angles. I thought the corners of the image would get rounded not the border.
I have been chastised by another tutor on the forum for not providing a link to the lesson that I am referencing and OK - obviously this is something that I should do but I’ll ask you - just as I have asked him - is my quoted code not enough for you to see and comment on the problem?
Thanks for the response Amir but I don’t think that is the issue because - even when I write the code as above (leaving out the “;” the rounding does happen - it’s just that the rounding is applied to the border, not the image. I thought that the image would be what got rounded so that it would look like this -
an image with rounded borders surrounded by a border that has sharp 90 degree angles.
While I am on the subject, I am wondering why the border is a CSS property. I thought that a border would be something that should be specified within the body tags and the CSS would then be used to style the appearance of the border. That’s the way html works with all the other elements.
which explains why both the border and image are changing.
You also have this note in the lesson. Note: This challenge allows for multiple possible solutions. For example, you may add border-radius to either the .thick-green-border class or the .smaller-image class.
This was an “out of the box” solution though, one I would never have thought of and one that wasn’t even alluded to in the lesson. But it worked great! So the lesson learned here - is that there’s more than one way to skin a cat! Thanks for the time you took with this puzzling aspect of code. Puzzling for me at least.