Ionic card design

Tryin the create a card based design based on the image below ,
but nothing works for me ,
this is my css




but instead of icon am placing a number in it

.circle
   {
     height: inherit;
    widows: inherit;
    border-radius: 50%;
    width:inherit;
    height:inherit;
    font-size:50px;
    text-align:center;
    border:solid;
  overflow: visible;
  }

so far gettin this
image

Hello,

You need to set a fixed width and height in order to get a perfect circle.

Check it out JSFiddle

1 Like