Testimonial Grid with Mobile First + GRID + Responsive

Good job on completing the challenge, Aakash!

Your final solution looks good and I like how responsive you've made it. I have to admit that I was surprised to see that you had over 800 lines of code :)

Btw, I think this resource will be useful to you https://css-tricks.com/look-ma-no-media-queries-responsive-layouts-using-css-grid/

At around 1073px resolution, some of the cards' height don't span completely to the bottom, so you might want to review some of the code that affects the row and column span of the grid items.

Good job again on finishing this challenge!

Hi Aakash, good job with the design. There's just a little box shadow missing on Kira and Jeanette's cards.

Seeing through your code, you've used p tags for each article's title/persona name, instead, swap them for h2 tags to improve the semantic correctness as even each article/section needs a heading tag.

Download AXE dev tools so that you can clear any accessibility issues while coding : https://www.deque.com/axe/devtools/

Hope this helps.

Great work friend! Looks good and is very responsive. One thing I notice is that Jonathan, Jeanette and Kira's boxes become small, so you might want to add a minimum height or something