Как правильно подсоединить фото на html страницу?

Question

[Serejka]

Хочу сделать сайт-визитку (тренируюсь). Сверстал блок в который поместил круг (border-radius).
Короче верстаю аву))) И когда я подключаю фото с помощью background-image:url(../photo);
Фото появляется криво. Как можно это дело поправить?

Comments

[Антон Литвиненко]

Фото аватарка это контентное изображение, правильно подключать через тег img, благо работа с ним нынче очень комфортная

Answer 1

[Mors Clamor]

Ну во-первых код в студию. Во-вторых, background-image плохая практика для таких целей, не используйте ее. Есть более традиционный способ. И object-fit вам в помощь.