Mon blog utilise le modèle Gatsby React, mais lorsque je l'ouvre sur Safari (iPhone ou Mac), l'image de l'avatar n'est pas ronde. Blog de code simple
C'est le style que j'utilise pour mon avatar
.bio-avatar {
margin-right: var(--spacing-4);
margin-bottom: var(--spacing-0);
min-width: 50px;
border-radius: 100%;
} 
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous devriez changer votre code CSS avec ceci. Le problème vient de la valeur
border-radius..bio-avatar { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }