Social Proof Section Solution Using CSS Grid

👾Hello Fahim hossain, congratulations for your new solution!

Your solution its fine, I don't find any issue there, but you still can improve it, like the html markup:

You can replace the <div> that wraps each card with <article> you can wrap the paragraph with the quote with the tag <blockquote> this way you'll wrap each block of element with the best tag in this situation. Pay attention that <div> is only a block element without meaning.

And giving each card its correct size --> max-width: 320px;

.card {
    max-width: 320px;
    background-color: var(--Very-Dark-Magenta);
    padding: 30px;
    color: white;
    border-radius: 10px;
}

👨‍💻Here's my solution for this challenge if you wants to see how I build it: https://www.frontendmentor.io/solutions/social-proof-section-pure-css-grid-custom-hover-states-KwSrl-Rjws

✌️ I hope this helps you and happy coding!