Ferβ’ 3,970
@fernandolapaz
Posted
Hi π, just a couple of things that may interest you:
- In case you want to reduce the code, these two declarations don't seem to be necessary:
.box {
position: relative;
margin: 9rem auto;
}
- And if you want to prevent attribution from overlapping the card in low-height viewports (like landscape mode on mobile), you can position it to the bottom only after a certain height:
@media screen and (min-height: 40rem) {
.attribution {
position: absolute;
bottom: 15px;
font-size: 11px;
text-align: center;
}
I hope itβs useful : )
Regards,
Marked as helpful
1
Reginaβ’ 90
@regina-cht
Posted
@fernandolapaz Thank u so much, I was actually wondering how to fix the overlapping but after a few tries I got tired so I just gave up. I deeply appreciate your help, I'll try your suggestions asap :)
1