Struggling to position a button at the bottom of a div? I've tried everything I could find online but nothing seems to work!
Here's my code:
<ion-col >
<div id="secondCol">
<ion-text> {{card.cardPoints}} = {{card.cardValue}} € </ion-text>
<!-- <ion-text>{{userPercentageCards[i]}} %</ion-text>-->
<div id="useButton">
<ion-button *ngIf="userPercentageCards[i] >=100" style="bottom: 0"> Usar Cartão!</ion-button>
</div>
</div>
</ion-col>
CSS:
#secondCol{
position: absolute;
width: 100%;
height: 100%;
}
#useButton{
position: relative;
bottom: 0;
}
No matter what I try, the button refuses to budge from its current position. Feeling frustrated with CSS and almost ready to give up!