Testimonials Grid Section, HTML & CSS (hover and full responsive)

This challenge was relatively easy. I understood well how 'display: grid' works, but I had a doubt, not only in this challenge, but also in others: the use of 'margin' to manipulate text (<p> tags) in a way that it looks similar to the original design. In addition to being repetitive, I found this practice completely disadvantageous, because in challenges with more text, manual resizing can be very laborious. If anyone has a solution to this problem, it would be greatly appreciated. Example:

  .card-1 p {
    margin-right: 40px;
  }

  .card-2 p,
  .card-5 p {
    margin-right: 20px;
  }

  .card-3 p {
    margin-right: 25px;
  }

  .card-4 > p {
    margin-right: 50px;
  }