Стиль карты баннер | HTML, CSS
Как заставить position: absolute;position: relative; оставаться вместе, но иметь автоматическую высоту
Пытаюсь сделать карточки профиля в стиле Discord (последний дизайн). При попытке показать как баннер, так и цвет баннера, он неправильно выровнен. Если кто-нибудь может мне помочь, пожалуйста?
Для отладки я пытался использовать селекторы данных CSS (\[data-??='true'\])
.preview-card.pfp[data-prem='True'] img {
top: 85px;
}
.preview-card .pfp[data-prem='False'] img {
top: 50px;
}
Да, это будет работать, но не для всего.
Если проблема решена, опубликуйте ее как ответ или отметьте ответ, который решил вашу проблему. :)
как пометить как решенный? извините, это мой первый пост, поэтому пока не пользуйтесь этой платформой
@ btech205 Вы должны нажать на «✔️» под голосами за ответ. Вы не должны публиковать ответ, говорящий It's resolved. Но вместо этого опубликуйте ответ, объясняющий, как вы это исправили, также используя фрагмент :)
Ответы 1
Я думаю, что у вас не хватает места. Попробуйте это, может быть:
.preview-card .pfp[data-prem='True'] img {
top: 85px;
}
.preview-card .pfp[data-prem='False'] img {
top: 50px;
}
Пожалуйста, создайте Минимально воспроизводимый пример