Circle element to fit Flexbox in Ionic Grid

Hey Guys!

I have a div element (circle) with ‘border-radius=50%’ style inside each ‘col’ of Ionic Grid. I have used Flexbox to align ‘circular’ div element at center of ‘col’ container in Ionic Grid. Is there some way to grow the size of circle for bigger screens without distorting the circular shape? I tried ‘flex:1 1 auto;’ style and it grows in to fit but distorts the circular shape.
Can someone help with a workaround?

Thanks in advance!! :smile: