Ionic card design

ionic-v1
1

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

image
243adbbf9d7edfb080f3f0b3ee8887f2 (2).jpg668×614 81.3 KB



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

2

Hello,

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

Check it out JSFiddle

1 Like