css - How to move the cards button to the end of the bottom on bootstrap 4?

Question

I've been trying to move the cards button to the bottom . I can move it to the left or to the right by using margin until it goes out the card without problems but when I try to move it to the bottom the card becomes longer somehow

using margin-left

using margin-top

I'm trying to get like this photoshop edited version

i want it like this

question from:https://stackoverflow.com/questions/65910403/how-to-move-the-cards-button-to-the-end-of-the-bottom-on-bootstrap-4

Answer 1

its already answered here CSS: how to position element in lower right?

for instance: lets say html part is like this:

<div class="parent-element">
    <div class="child-element">child element</div>
</div>

then css part should be like this:

.parent-element {
    position:relative;
}
.child-element {
    bottom:0;
    right:0;
    position:absolute;
    
}