@alonsovzqz
Posted
I think the solution is good, but the only thing missing is just a small padding to your card__text
class. So the solution to achieve that would be something like this:
.card__text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
padding: 0 16px; /* you can also use padding-inline */
}
...
.card__description {
/* more code */
width: 256px; /* remove this line*/
}
And that should do the trick. Hope this helps.