Responsive Social proof section using grid, flexbox and keyframes

Hey, tediko! 👋

Nice work on this challenge! I like the animations you added to your solution! 👏

I suggest,

• Setting a max-width on the testimonial cards in the mobile layout so that they aren't too wide when the layout first changes from desktop to mobile.
• Adding some margin or padding to the top of the page (rather than simply centering the content of the page) so that there's always some space between the top edge of the screen and the content of the page (even on screens with small heights).

Keep coding (and happy coding, too)! 😁

As far as I know, you can combine flexbox and grid (or any other layout) with no problem. They are not mutually exclusive. If it helps get the job done, it's fair game. Now if you find yourself layering too many layouts, then it might be a good idea to rethink things.

Some of the issues that I see are:

1. the font in the testimonies are not formatted to the design. (fix font size, and line height)

2. find the way to use only 1 star image for a review component.(Consider a repeating background approach.)

Happy Codings!