How to create round cornered card

#1

How can a card be made round cornered with the help of CSS?

Any sample code will be very helpful.

#2

This is a pure CSS matter.

Maybe try this, it worked for us :

.card { border-radius : 5px; } /* or any amount you want */
#3

you can add this in your div card class=“card rounded”…

#4

@anicacute09 & @hiddenplace- thank you so much, class=“card rounded” worked perfectly with border-radius

#5

glad that i help, please see more in their documentation there are lots that we miss in that area…

#6

put style tag on your div and use below css

div class="card’ style=“border-radius: 5px 5px 5px 5px;”
…
/div

use only one time 5px it will apply on all corner or if you want different corner radius use all 4