How to fill a white space between my image and my border?

Ionic Framework
1

Hi guys,

I need to fill a space between an image and a border
Capture d’écran 2022-10-17 183810

The html and css :

Capture d’écran 2022-10-17 184036
Capture d’écran 2022-10-17 184036934×484 45.2 KB

.padding {

display: flex;

justify-content: center;

margin-top: 70px;

}

.padding-top-logo {

padding-top: 60px;

}

.border-white {

border: 4px solid rgb(255, 255, 255);

border-radius: 50%;

width: fit-content;

}

.border-color {

border: 7px solid rgb(0, 0, 0);

border-radius: 50%;

width: fit-content;

}

.logo {

width: 130px;

border-radius: 50%;

overflow: hidden;

}

2

Have to used a web inspector to look deeper into structure? My question is why not just make the logo include the circles?

3

Good idea but how to make that plz ?

4

I assume you mean the logo? I would use Adobe Illustrator or similar to create an Svg. I would convert the png to vector as well (illustrator can do that, if you don’t have access to the source file)

1 Like