Как разместить сердечко в правом верхнем углу?

Question

[evomed]

Код бутстрап карты https://www.codeply.com/p/1ytSvEIAcK
Мне нужно иконку сердечка разместить в правом верхнем углу. Я пробовал позиционирование через relativ, но при изменении размера экрана иконка улетала от угла в разные места.

Answer 1

[Valentyn Fetisov]

.heart {
    position: absolute;
    bottom:100px;
    right: -255px;
}

Comments

[evomed]

Не работает

[Valentyn Fetisov]

evomed,

.imageCard {
    object-fit: cover;
    width: 180px;
    height: 233px;
    position: relative;
}


.heart {
    position: absolute;
   top: 0;
    right: -255px;
}

ну и тут уже играться с позицией right

[evomed]

Valentyn Fetisov, странно на локалке у меня все равно значок плавает, а в примере на кодеплей все ок. Вроде максимально продублировал. Почему может плавать? Может еще есть какой-то более надежный способ? Пробовал relativ на div с card добавлять, все равно плавает по всей карте..

[evomed]

evomed, получилось, когда вынес иконку за блок

Answer 2

[an]

так нужно не relative а absolute сердечку задавать

Comments

[evomed]

Не получается. Добавил в пример absolute все равно не привязывается к верхнему углу при изменении размера экрана