AlSalaam alaikum, So first you can add a border-radius to the svg file like any other image, there is no difference. So the solution in your situation can be like this -> .container > img {border-radius : (and the value here)} , the ">" symbol refers to the direct child or the direct image after the .container class element. Second you can center the card by just adding display grid to the body like this -> body {display : gird; place-content: center; height: 100vh}
@amna1526
Posted
@Aminpatra Wa alaikum as slam The first option did not work... I will try the 2nd one. Thanks
@amna1526 Well try to remove the class you put before for the image.
@amna1526
Posted
@Aminpatra And add id instead? I mean how to select it in CSS then?