Social proof section master solution by [Naimur]

Very good website made me like the layout colors and way it is almost the same as design. Tried to go into your html and css file and animation and hover are very good for this I like the keyframes since not using js to add classes for animation. Also wrestled with your code for almost hour to add to responsiveness and try to help your question. It is ok the way it is but for me I like to use 3 rows and 2 rows that respond on page and was trying to find way to share that with you. There is a main, 2 sections, and than two rows in first section and 3 rows in second section. I would try 100% for each section and than add responsiveness from 50% to first two rows to 100% at breakpoint and 33% for the 3 rows break at 50% and break at 100% it is not needed but would look good. I could not fully fix it because you used nth child last child for responsiveness I would have to try and change all of it everyone has own way of writing no one is correct over the other. If you want can try to add class to each section for full 100% and a max-width of 1100px or whatever you want and a margin 0px auto to center the div and than size to inner divs the rows like descript & rating / review-cards while giving main a full width and height auto or full. There are many ways your written code is very good and I wish I could have fully fixed it but maybe someone else can add something thank you take care

For responsive design , you could use clamp( ) to change sizes in proportionate with dimension layout sizes to fit in any device. Other than that , Nice work and Keep going on.