1

I followed instructions here to make the corners of each image in a grid 'rounded', it it worked as expected (see screenshot below)

But I would prefer the rounded corners to be a little more pronounced, as indicated roughly with the green line in the screenshot. How can this be done?

enter image description here

The current code I'm using is

<img class="rounded" src="img.png">
stevec
  • 27,285
  • 13
  • 133
  • 181

1 Answers1

2

Bootstrap 4 has a rounded-lg class which sets border-radius: .3rem.

If you want more radius than that override it with your own CSS class...

.rounded-xl {
   border-radius: .5rem;
}

Demo

Bootstrap 5 has 3 numeric sizes.

Zim
  • 329,487
  • 83
  • 671
  • 600