@leandrorodrigues00
Posted
Good evening !!
The button is going out of place because you used a percentage value. Percent value is always relative to parent value;
When the text on your main card gets too big, the button moves down too much, because the margin value is based on it.
You can prevent this using Rem, rem is relative to the font-size of the root element (html element). Then the button stops dancing !!
I suggest this change:
@media (min-width: 31.25rem) .btn-container { bottom: -1.875rem; }
Have a nice day, happy coding !! :)
Marked as helpful
@KevinMA95
Posted
@leandrorodrigues00 You are right, that was the problem, I already made the changes and the button is in the correct spot now.
Thank you so much and happy codinng! :)